From c81914656ca503f9cc42ee4ffb47e085dc9fffa5 Mon Sep 17 00:00:00 2001
From: chaxus <chaxus@users.noreply.github.com>
Date: Sat, 5 Oct 2024 12:03:58 +0000
Subject: [PATCH] deploy: a674520c7f9a136bc8eed2b328d2f4a1fc9a2bfb

---
 404.html                                      |   4 +-
 ...md.CC940uHT.js => cn_index.md.BLhfTKfk.js} |   2 +-
 ...T.lean.js => cn_index.md.BLhfTKfk.lean.js} |   2 +-
 ...article_astParse_tokenizer.md.fRsPjbrs.js} |   2 +-
 ...le_astParse_tokenizer.md.fRsPjbrs.lean.js} |   2 +-
 ...js => cn_src_article_babel.md.igUT7dgP.js} |   2 +-
 ... cn_src_article_babel.md.igUT7dgP.lean.js} |   2 +-
 ...s => cn_src_article_bundle.md.DQFZ3YRD.js} |   2 +-
 ...cn_src_article_bundle.md.DQFZ3YRD.lean.js} |   2 +-
 ... cn_src_article_designMode.md.B2Mi_NTb.js} |   2 +-
 ...rc_article_designMode.md.B2Mi_NTb.lean.js} |   2 +-
 ... cn_src_article_docPreview.md.BpvHIdsV.js} |   2 +-
 ...rc_article_docPreview.md.BpvHIdsV.lean.js} |   2 +-
 ...icle_functionalProgramming.md.B0WkJbH2.js} |   2 +-
 ...functionalProgramming.md.B0WkJbH2.lean.js} |   2 +-
 ...=> cn_src_article_imagemin.md.O-LRpAFt.js} |   2 +-
 ..._src_article_imagemin.md.O-LRpAFt.lean.js} |   2 +-
 ...article_javascript_domLoad.md.Cc9Twcl2.js} |   2 +-
 ...le_javascript_domLoad.md.Cc9Twcl2.lean.js} |   2 +-
 ..._article_sort_bubble_index.md.BL_0xBSg.js} |   2 +-
 ...cle_sort_bubble_index.md.BL_0xBSg.lean.js} |   2 +-
 ..._article_sort_bucket_index.md.CInFho5i.js} |   2 +-
 ...cle_sort_bucket_index.md.CInFho5i.lean.js} |   2 +-
 ...c_article_sort_count_index.md.CLrg_eAi.js} |   2 +-
 ...icle_sort_count_index.md.CLrg_eAi.lean.js} |   2 +-
 ...rc_article_sort_heap_index.md.CjUwiufT.js} |   2 +-
 ...ticle_sort_heap_index.md.CjUwiufT.lean.js} |   2 +-
 ... cn_src_article_sort_index.md.BhyMit8Y.js} |   2 +-
 ...rc_article_sort_index.md.BhyMit8Y.lean.js} |   2 +-
 ..._article_sort_insert_index.md.C4G7YeWl.js} |   2 +-
 ...cle_sort_insert_index.md.C4G7YeWl.lean.js} |   2 +-
 ...c_article_sort_merge_index.md.CrLtJpMk.js} |   2 +-
 ...icle_sort_merge_index.md.CrLtJpMk.lean.js} |   2 +-
 ...c_article_sort_quick_index.md.CmIbA4AB.js} |   2 +-
 ...icle_sort_quick_index.md.CmIbA4AB.lean.js} |   2 +-
 ...c_article_sort_radix_index.md.vBHH0tHh.js} |   2 +-
 ...icle_sort_radix_index.md.vBHH0tHh.lean.js} |   2 +-
 ..._article_sort_select_index.md.Cd2SKviA.js} |   2 +-
 ...cle_sort_select_index.md.Cd2SKviA.lean.js} |   2 +-
 ...c_article_sort_shell_index.md.CQc6o0U8.js} |   2 +-
 ...icle_sort_shell_index.md.CQc6o0U8.lean.js} |   2 +-
 ...n_src_article_systemDesign.md.hF7LXas7.js} |   2 +-
 ..._article_systemDesign.md.hF7LXas7.lean.js} |   2 +-
 ...ticle_typescript_calculate.md.DFF0Jmnv.js} |   2 +-
 ..._typescript_calculate.md.DFF0Jmnv.lean.js} |   2 +-
 ...c_article_typescript_index.md.BE6MDNaH.js} |   2 +-
 ...icle_typescript_index.md.BE6MDNaH.lean.js} |   2 +-
 ...article_typescript_pattern.md.ClYdggen.js} |   2 +-
 ...le_typescript_pattern.md.ClYdggen.lean.js} |   2 +-
 ..._typescript_reconstruction.md.CwRrki5l.js} |   2 +-
 ...script_reconstruction.md.CwRrki5l.lean.js} |   2 +-
 ...ticle_typescript_recursion.md.DXrQrnQX.js} |   2 +-
 ..._typescript_recursion.md.DXrQrnQX.lean.js} |   2 +-
 ...ticle_typescript_unionType.md.BEJLXxlO.js} |   2 +-
 ..._typescript_unionType.md.BEJLXxlO.lean.js} |   2 +-
 ...js => cn_src_article_video.md.D_lFXyPJ.js} |   2 +-
 ... cn_src_article_video.md.D_lFXyPJ.lean.js} |   2 +-
 ...s => cn_src_article_visual.md.DseWRfx9.js} |   2 +-
 ...cn_src_article_visual.md.DseWRfx9.lean.js} |   2 +-
 ...s.js => cn_src_note_centos.md.DNIN5Wz6.js} |   2 +-
 ...=> cn_src_note_centos.md.DNIN5Wz6.lean.js} |   2 +-
 ...U.js => cn_src_note_docker.md.Dwk9bEUN.js} |   2 +-
 ...=> cn_src_note_docker.md.Dwk9bEUN.lean.js} |   2 +-
 ..._src_note_libreoffice2wasm.md.DG6uOQ65.js} |   2 +-
 ...note_libreoffice2wasm.md.DG6uOQ65.lean.js} |   2 +-
 ...N.js => cn_src_note_ubuntu.md.boe-scbt.js} |   2 +-
 ...=> cn_src_note_ubuntu.md.boe-scbt.lean.js} |   2 +-
 ... cn_src_ranui_button_index.md.ByX0UCnc.js} |   2 +-
 ...rc_ranui_button_index.md.ByX0UCnc.lean.js} |   2 +-
 ...n_src_ranui_checkbox_index.md.Csmdnt0O.js} |   2 +-
 ..._ranui_checkbox_index.md.Csmdnt0O.lean.js} |   2 +-
 ...=> cn_src_ranui_icon_index.md.VgKq_hwc.js} |   2 +-
 ..._src_ranui_icon_index.md.VgKq_hwc.lean.js} |   2 +-
 ...> cn_src_ranui_image_index.md.DTxkaIXi.js} |   2 +-
 ...src_ranui_image_index.md.DTxkaIXi.lean.js} |   2 +-
 ...v.js => cn_src_ranui_index.md.DbAIrpTI.js} |   2 +-
 ...=> cn_src_ranui_index.md.DbAIrpTI.lean.js} |   2 +-
 ...> cn_src_ranui_input_index.md.Xj5VXLle.js} |   2 +-
 ...src_ranui_input_index.md.Xj5VXLle.lean.js} |   2 +-
 ...cn_src_ranui_loading_index.md.Cd9-GnXr.js} |   2 +-
 ...c_ranui_loading_index.md.Cd9-GnXr.lean.js} |   2 +-
 ...=> cn_src_ranui_math_index.md.vkrzCmwa.js} |   2 +-
 ..._src_ranui_math_index.md.vkrzCmwa.lean.js} |   2 +-
 ...cn_src_ranui_message_index.md.DQaOXw4A.js} |   2 +-
 ...c_ranui_message_index.md.DQaOXw4A.lean.js} |   2 +-
 ...> cn_src_ranui_modal_index.md.Ct_5BTpn.js} |   2 +-
 ...src_ranui_modal_index.md.Ct_5BTpn.lean.js} |   2 +-
 ... cn_src_ranui_player_index.md.ClG2z7Rd.js} |   2 +-
 ...rc_ranui_player_index.md.ClG2z7Rd.lean.js} |   2 +-
 ...cn_src_ranui_popover_index.md.CKCBCC0z.js} |   2 +-
 ...c_ranui_popover_index.md.CKCBCC0z.lean.js} |   2 +-
 ...cn_src_ranui_preview_index.md.HNgH1cdk.js} |   2 +-
 ...c_ranui_preview_index.md.HNgH1cdk.lean.js} |   2 +-
 ...n_src_ranui_progress_index.md.B6p9KAvb.js} |   2 +-
 ..._ranui_progress_index.md.B6p9KAvb.lean.js} |   2 +-
 ...> cn_src_ranui_radar_index.md.D7lwGVbW.js} |   2 +-
 ...src_ranui_radar_index.md.D7lwGVbW.lean.js} |   2 +-
 ... cn_src_ranui_select_index.md.x3hqXtMG.js} |   2 +-
 ...rc_ranui_select_index.md.x3hqXtMG.lean.js} |   2 +-
 ...n_src_ranui_skeleton_index.md.CxsOeOpu.js} |   2 +-
 ..._ranui_skeleton_index.md.CxsOeOpu.lean.js} |   2 +-
 ... => cn_src_ranui_tab_index.md._Yrr2Do-.js} |   2 +-
 ...n_src_ranui_tab_index.md._Yrr2Do-.lean.js} |   2 +-
 ...=> cn_src_ranui_tabs_index.md.Y6X6hlvp.js} |   2 +-
 ..._src_ranui_tabs_index.md.Y6X6hlvp.lean.js} |   2 +-
 ...rc_ranuts_binaryTree_index.md.B0ahr_Mn.js} |   2 +-
 ...nuts_binaryTree_index.md.B0ahr_Mn.lean.js} |   2 +-
 ...n_src_ranuts_bundler_index.md.DwAuuXbu.js} |   2 +-
 ..._ranuts_bundler_index.md.DwAuuXbu.lean.js} |   2 +-
 ...src_ranuts_file_appendFile.md.B63KmkE8.js} |   2 +-
 ...anuts_file_appendFile.md.B63KmkE8.lean.js} |   2 +-
 ...n_src_ranuts_file_fileInfo.md.CqJn8JuV.js} |   2 +-
 ..._ranuts_file_fileInfo.md.CqJn8JuV.lean.js} |   2 +-
 ...cn_src_ranuts_file_readDir.md.BAFE9wq0.js} |   2 +-
 ...c_ranuts_file_readDir.md.BAFE9wq0.lean.js} |   2 +-
 ...n_src_ranuts_file_readFile.md._sEkTrwK.js} |   2 +-
 ..._ranuts_file_readFile.md._sEkTrwK.lean.js} |   2 +-
 ..._src_ranuts_file_watchFile.md.DizkqDrO.js} |   2 +-
 ...ranuts_file_watchFile.md.DizkqDrO.lean.js} |   2 +-
 ..._src_ranuts_file_writeFile.md.Bu4zBA8r.js} |   2 +-
 ...ranuts_file_writeFile.md.Bu4zBA8r.lean.js} |   2 +-
 ....js => cn_src_ranuts_index.md.Br1tGjNi.js} |   2 +-
 ...> cn_src_ranuts_index.md.Br1tGjNi.lean.js} |   2 +-
 ...c_ranuts_mimeType_mimeType.md.D8QLJam4.js} |   2 +-
 ...uts_mimeType_mimeType.md.D8QLJam4.lean.js} |   2 +-
 ..._src_ranuts_mode_subscribe.md.Dfqta45A.js} |   2 +-
 ...ranuts_mode_subscribe.md.Dfqta45A.lean.js} |   2 +-
 ...utils_convertImageToBase64.md.Baw_0VwK.js} |   2 +-
 ..._convertImageToBase64.md.Baw_0VwK.lean.js} |   2 +-
 ...src_ranuts_utils_filterObj.md.CxRU9J7j.js} |   2 +-
 ...anuts_utils_filterObj.md.CxRU9J7j.lean.js} |   2 +-
 ...rc_ranuts_utils_formatJson.md.BPEAnSbs.js} |   2 +-
 ...nuts_utils_formatJson.md.BPEAnSbs.lean.js} |   2 +-
 ...src_ranuts_utils_getCookie.md.Cn937pro.js} |   2 +-
 ...anuts_utils_getCookie.md.Cn937pro.lean.js} |   2 +-
 ...=> cn_src_ranuts_utils_ocr.md.DDRRaGe9.js} |   2 +-
 ..._src_ranuts_utils_ocr.md.DDRRaGe9.lean.js} |   2 +-
 ...n_src_ranuts_utils_str2xml.md.Bde3XsNH.js} |   2 +-
 ..._ranuts_utils_str2xml.md.Bde3XsNH.lean.js} |   2 +-
 ...> cn_src_ranuts_utils_task.md.vM2hJa_Z.js} |   2 +-
 ...src_ranuts_utils_task.md.vM2hJa_Z.lean.js} |   2 +-
 ...TS\347\261\273\345\236\213.md.BqYfr0BF.js" |   2 +-
 ...7\261\273\345\236\213.md.BqYfr0BF.lean.js" |   2 +-
 ...17\345\214\271\351\205\215.md.Cv2DtzlL.js" |   2 +-
 ...5\214\271\351\205\215.md.Cv2DtzlL.lean.js" |   2 +-
 ...13\350\277\220\347\256\227.md.DMkykj3f.js" |   2 +-
 ...0\277\220\347\256\227.md.DMkykj3f.lean.js" |   2 +-
 ...47\347\261\273\345\236\213.md.BDtDighX.js" |   2 +-
 ...7\261\273\345\236\213.md.BDtDighX.lean.js" |   2 +-
 ...ex.md.C1mV7KLR.js => index.md.D7BH-fMN.js} |   2 +-
 ...7KLR.lean.js => index.md.D7BH-fMN.lean.js} |   2 +-
 ...article_astParse_tokenizer.md.CuCr3w1T.js} |   2 +-
 ...le_astParse_tokenizer.md.CuCr3w1T.lean.js} |   2 +-
 ...Mo.js => src_article_babel.md.Cy_u0Zgd.js} |   2 +-
 ... => src_article_babel.md.Cy_u0Zgd.lean.js} |   2 +-
 ...k.js => src_article_bundle.md.CJFsaLBq.js} |   2 +-
 ...=> src_article_bundle.md.CJFsaLBq.lean.js} |   2 +-
 ... => src_article_designMode.md.CsQyDQ9L.js} |   2 +-
 ...rc_article_designMode.md.CsQyDQ9L.lean.js} |   2 +-
 ...icle_functionalProgramming.md.BPj6iTX9.js} |   2 +-
 ...functionalProgramming.md.BPj6iTX9.lean.js} |   2 +-
 ...js => src_article_imagemin.md.F6ka3QYU.js} |   2 +-
 ... src_article_imagemin.md.F6ka3QYU.lean.js} |   2 +-
 ...article_javascript_domLoad.md.ISLuBQzT.js} |   2 +-
 ...le_javascript_domLoad.md.ISLuBQzT.lean.js} |   2 +-
 ..._article_sort_bubble_index.md.DmhPntEW.js} |   2 +-
 ...cle_sort_bubble_index.md.DmhPntEW.lean.js} |   2 +-
 ..._article_sort_bucket_index.md.1nocTUlS.js} |   2 +-
 ...cle_sort_bucket_index.md.1nocTUlS.lean.js} |   2 +-
 ...c_article_sort_count_index.md.Du6QhWUu.js} |   2 +-
 ...icle_sort_count_index.md.Du6QhWUu.lean.js} |   2 +-
 ...rc_article_sort_heap_index.md.DUjhT9HH.js} |   2 +-
 ...ticle_sort_heap_index.md.DUjhT9HH.lean.js} |   2 +-
 ... => src_article_sort_index.md.Day6RJ-s.js} |   2 +-
 ...rc_article_sort_index.md.Day6RJ-s.lean.js} |   2 +-
 ..._article_sort_insert_index.md.Cmba0n6W.js} |   2 +-
 ...cle_sort_insert_index.md.Cmba0n6W.lean.js} |   2 +-
 ...c_article_sort_merge_index.md.BYCAvkHG.js} |   2 +-
 ...icle_sort_merge_index.md.BYCAvkHG.lean.js} |   2 +-
 ...c_article_sort_quick_index.md.BVXZPTlC.js} |   2 +-
 ...icle_sort_quick_index.md.BVXZPTlC.lean.js} |   2 +-
 ...c_article_sort_radix_index.md.CZgriu-L.js} |   2 +-
 ...icle_sort_radix_index.md.CZgriu-L.lean.js} |   2 +-
 ..._article_sort_select_index.md.DVQbDLxi.js} |   2 +-
 ...cle_sort_select_index.md.DVQbDLxi.lean.js} |   2 +-
 ...c_article_sort_shell_index.md.CGmp_Zfr.js} |   2 +-
 ...icle_sort_shell_index.md.CGmp_Zfr.lean.js} |   2 +-
 ...ticle_typescript_calculate.md.vojGlJJE.js} |   2 +-
 ..._typescript_calculate.md.vojGlJJE.lean.js} |   2 +-
 ...c_article_typescript_index.md.CkcO1_RK.js} |   2 +-
 ...icle_typescript_index.md.CkcO1_RK.lean.js} |   2 +-
 ...article_typescript_pattern.md.CLkB9hDT.js} |   2 +-
 ...le_typescript_pattern.md.CLkB9hDT.lean.js} |   2 +-
 ..._typescript_reconstruction.md.6hei5wds.js} |   2 +-
 ...script_reconstruction.md.6hei5wds.lean.js} |   2 +-
 ...ticle_typescript_recursion.md.Cklrk5ux.js} |   2 +-
 ..._typescript_recursion.md.Cklrk5ux.lean.js} |   2 +-
 ...ticle_typescript_unionType.md.DWIWcdin.js} |   2 +-
 ..._typescript_unionType.md.DWIWcdin.lean.js} |   2 +-
 ... => src_ranui_button_index.md.xyRWgUv8.js} |   2 +-
 ...rc_ranui_button_index.md.xyRWgUv8.lean.js} |   2 +-
 ...> src_ranui_checkbox_index.md.DZWEhA_6.js} |   2 +-
 ..._ranui_checkbox_index.md.DZWEhA_6.lean.js} |   2 +-
 ...js => src_ranui_icon_index.md.CCbuLCdk.js} |   2 +-
 ... src_ranui_icon_index.md.CCbuLCdk.lean.js} |   2 +-
 ...s => src_ranui_image_index.md.DWE25Dbt.js} |   2 +-
 ...src_ranui_image_index.md.DWE25Dbt.lean.js} |   2 +-
 ...JSIN.js => src_ranui_index.md.CLoF5T0G.js} |   2 +-
 ...js => src_ranui_index.md.CLoF5T0G.lean.js} |   2 +-
 ...s => src_ranui_input_index.md.BYzbt7Jg.js} |   2 +-
 ...src_ranui_input_index.md.BYzbt7Jg.lean.js} |   2 +-
 ...=> src_ranui_loading_index.md.CPbTFkjm.js} |   2 +-
 ...c_ranui_loading_index.md.CPbTFkjm.lean.js} |   2 +-
 ...js => src_ranui_math_index.md.BEaDYiBh.js} |   2 +-
 ... src_ranui_math_index.md.BEaDYiBh.lean.js} |   2 +-
 ...=> src_ranui_message_index.md.C9TUA1qN.js} |   2 +-
 ...c_ranui_message_index.md.C9TUA1qN.lean.js} |   2 +-
 ...s => src_ranui_modal_index.md.CeMIN_J0.js} |   2 +-
 ...src_ranui_modal_index.md.CeMIN_J0.lean.js} |   2 +-
 ... => src_ranui_player_index.md.DwTQwuCV.js} |   2 +-
 ...rc_ranui_player_index.md.DwTQwuCV.lean.js} |   2 +-
 ...=> src_ranui_popover_index.md.PFeffqLM.js} |   2 +-
 ...c_ranui_popover_index.md.PFeffqLM.lean.js} |   2 +-
 ...=> src_ranui_preview_index.md.hkKqqHBY.js} |   2 +-
 ...c_ranui_preview_index.md.hkKqqHBY.lean.js} |   2 +-
 ...> src_ranui_progress_index.md.CubSOb3E.js} |   2 +-
 ..._ranui_progress_index.md.CubSOb3E.lean.js} |   2 +-
 ...s => src_ranui_radar_index.md.DVubbf7p.js} |   2 +-
 ...src_ranui_radar_index.md.DVubbf7p.lean.js} |   2 +-
 ... => src_ranui_select_index.md.DQq3MVHp.js} |   2 +-
 ...rc_ranui_select_index.md.DQq3MVHp.lean.js} |   2 +-
 ...> src_ranui_skeleton_index.md.BUf_Burp.js} |   2 +-
 ..._ranui_skeleton_index.md.BUf_Burp.lean.js} |   2 +-
 ....js => src_ranui_tab_index.md.DSSJuz31.js} |   2 +-
 ...> src_ranui_tab_index.md.DSSJuz31.lean.js} |   2 +-
 ...js => src_ranui_tabs_index.md.Y_dSHlvB.js} |   2 +-
 ... src_ranui_tabs_index.md.Y_dSHlvB.lean.js} |   2 +-
 ...rc_ranuts_binaryTree_index.md.TEku7NN9.js} |   2 +-
 ...nuts_binaryTree_index.md.TEku7NN9.lean.js} |   2 +-
 ...> src_ranuts_bundler_index.md.DzEPrDNS.js} |   2 +-
 ..._ranuts_bundler_index.md.DzEPrDNS.lean.js} |   2 +-
 ...src_ranuts_file_appendFile.md.1-6oJJ-H.js} |   2 +-
 ...anuts_file_appendFile.md.1-6oJJ-H.lean.js} |   2 +-
 ...> src_ranuts_file_fileInfo.md.C2z4D1Q8.js} |   2 +-
 ..._ranuts_file_fileInfo.md.C2z4D1Q8.lean.js} |   2 +-
 ...=> src_ranuts_file_readDir.md.BvSC38m-.js} |   2 +-
 ...c_ranuts_file_readDir.md.BvSC38m-.lean.js} |   2 +-
 ...> src_ranuts_file_readFile.md.Ac6LvpUh.js} |   2 +-
 ..._ranuts_file_readFile.md.Ac6LvpUh.lean.js} |   2 +-
 ... src_ranuts_file_watchFile.md.i-gzm-Mr.js} |   2 +-
 ...ranuts_file_watchFile.md.i-gzm-Mr.lean.js} |   2 +-
 ... src_ranuts_file_writeFile.md.2z4SHchp.js} |   2 +-
 ...ranuts_file_writeFile.md.2z4SHchp.lean.js} |   2 +-
 ...7WB.js => src_ranuts_index.md.BJ436-Wa.js} |   2 +-
 ...s => src_ranuts_index.md.BJ436-Wa.lean.js} |   2 +-
 ...c_ranuts_mimeType_mimeType.md.CgbW52XX.js} |   2 +-
 ...uts_mimeType_mimeType.md.CgbW52XX.lean.js} |   2 +-
 ... src_ranuts_mode_subscribe.md.CBjAEwg0.js} |   2 +-
 ...ranuts_mode_subscribe.md.CBjAEwg0.lean.js} |   2 +-
 ...utils_convertImageToBase64.md.COMNqW1t.js} |   2 +-
 ..._convertImageToBase64.md.COMNqW1t.lean.js} |   2 +-
 ...src_ranuts_utils_filterObj.md.Q_-NUV8p.js} |   2 +-
 ...anuts_utils_filterObj.md.Q_-NUV8p.lean.js} |   2 +-
 ...rc_ranuts_utils_formatJson.md.DQX6wWMq.js} |   2 +-
 ...nuts_utils_formatJson.md.DQX6wWMq.lean.js} |   2 +-
 ...src_ranuts_utils_getCookie.md.CRjg9zYL.js} |   2 +-
 ...anuts_utils_getCookie.md.CRjg9zYL.lean.js} |   2 +-
 ...js => src_ranuts_utils_ocr.md.COxYWSg4.js} |   2 +-
 ... src_ranuts_utils_ocr.md.COxYWSg4.lean.js} |   2 +-
 ...> src_ranuts_utils_str2xml.md.84gjZ6IG.js} |   2 +-
 ..._ranuts_utils_str2xml.md.84gjZ6IG.lean.js} |   2 +-
 ...s => src_ranuts_utils_task.md.DEROvLOz.js} |   2 +-
 ...src_ranuts_utils_task.md.DEROvLOz.lean.js} |   2 +-
 ...TS\347\261\273\345\236\213.md.Du9AK3lr.js" |   2 +-
 ...7\261\273\345\236\213.md.Du9AK3lr.lean.js" |   2 +-
 ...17\345\214\271\351\205\215.md.DO7GM6xX.js" |   2 +-
 ...5\214\271\351\205\215.md.DO7GM6xX.lean.js" |   2 +-
 ...13\350\277\220\347\256\227.md.D_oUktxL.js" |   2 +-
 ...0\277\220\347\256\227.md.D_oUktxL.lean.js" |   2 +-
 ...47\347\261\273\345\236\213.md.xpfmnY7g.js" |   2 +-
 ...7\261\273\345\236\213.md.xpfmnY7g.lean.js" |   2 +-
 cn/index.html                                 |   6 +-
 cn/src/article/astParse/tokenizer.html        |   8 +-
 cn/src/article/babel.html                     |   8 +-
 cn/src/article/bundle.html                    |   8 +-
 cn/src/article/designMode.html                |   8 +-
 cn/src/article/docPreview.html                |   8 +-
 cn/src/article/functionalProgramming.html     |   8 +-
 cn/src/article/imagemin.html                  |   8 +-
 cn/src/article/javascript/domLoad.html        |   8 +-
 cn/src/article/sort/bubble/index.html         |   8 +-
 cn/src/article/sort/bucket/index.html         |   8 +-
 cn/src/article/sort/count/index.html          |   8 +-
 cn/src/article/sort/heap/index.html           |   8 +-
 cn/src/article/sort/index.html                |   8 +-
 cn/src/article/sort/insert/index.html         |   8 +-
 cn/src/article/sort/merge/index.html          |   8 +-
 cn/src/article/sort/quick/index.html          |   8 +-
 cn/src/article/sort/radix/index.html          |   8 +-
 cn/src/article/sort/select/index.html         |   8 +-
 cn/src/article/sort/shell/index.html          |   8 +-
 cn/src/article/systemDesign.html              |   8 +-
 cn/src/article/typescript/calculate.html      |   8 +-
 cn/src/article/typescript/index.html          |   8 +-
 cn/src/article/typescript/pattern.html        |   8 +-
 cn/src/article/typescript/reconstruction.html |   8 +-
 cn/src/article/typescript/recursion.html      |   8 +-
 cn/src/article/typescript/unionType.html      |   8 +-
 cn/src/article/video.html                     |   8 +-
 cn/src/article/visual.html                    |   8 +-
 cn/src/note/centos.html                       |   8 +-
 cn/src/note/docker.html                       |   8 +-
 cn/src/note/libreoffice2wasm.html             |   8 +-
 cn/src/note/ubuntu.html                       |   8 +-
 cn/src/ranui/button/index.html                |   8 +-
 cn/src/ranui/checkbox/index.html              |   8 +-
 cn/src/ranui/icon/index.html                  |   8 +-
 cn/src/ranui/image/index.html                 |   8 +-
 cn/src/ranui/index.html                       |   8 +-
 cn/src/ranui/input/index.html                 |   8 +-
 cn/src/ranui/loading/index.html               |   8 +-
 cn/src/ranui/math/index.html                  |   8 +-
 cn/src/ranui/message/index.html               |   8 +-
 cn/src/ranui/modal/index.html                 |   8 +-
 cn/src/ranui/player/index.html                |   8 +-
 cn/src/ranui/popover/index.html               |   8 +-
 cn/src/ranui/preview/index.html               |   8 +-
 cn/src/ranui/progress/index.html              |   8 +-
 cn/src/ranui/radar/index.html                 |   8 +-
 cn/src/ranui/select/index.html                |   8 +-
 cn/src/ranui/skeleton/index.html              |   8 +-
 cn/src/ranui/tab/index.html                   |   8 +-
 cn/src/ranui/tabs/index.html                  |   8 +-
 cn/src/ranuts/binaryTree/index.html           |   8 +-
 cn/src/ranuts/bundler/index.html              |   8 +-
 cn/src/ranuts/file/appendFile.html            |   8 +-
 cn/src/ranuts/file/fileInfo.html              |   8 +-
 cn/src/ranuts/file/readDir.html               |   8 +-
 cn/src/ranuts/file/readFile.html              |   8 +-
 cn/src/ranuts/file/watchFile.html             |   8 +-
 cn/src/ranuts/file/writeFile.html             |   8 +-
 cn/src/ranuts/index.html                      |   8 +-
 cn/src/ranuts/mimeType/mimeType.html          |   8 +-
 cn/src/ranuts/mode/subscribe.html             |   8 +-
 cn/src/ranuts/utils/convertImageToBase64.html |   8 +-
 cn/src/ranuts/utils/filterObj.html            |   8 +-
 cn/src/ranuts/utils/formatJson.html           |   8 +-
 cn/src/ranuts/utils/getCookie.html            |   8 +-
 cn/src/ranuts/utils/ocr.html                  |   8 +-
 cn/src/ranuts/utils/str2xml.html              |   8 +-
 cn/src/ranuts/utils/task.html                 |   8 +-
 .../types/TS\347\261\273\345\236\213.html"    |   8 +-
 ...\345\274\217\345\214\271\351\205\215.html" |   8 +-
 ...\345\236\213\350\277\220\347\256\227.html" |   8 +-
 ...\347\272\247\347\261\273\345\236\213.html" |   8 +-
 hashmap.json                                  |   2 +-
 index.html                                    |   6 +-
 pagefind/fragment/en_1f28c1c.pf_fragment      | Bin 750 -> 0 bytes
 pagefind/fragment/en_30709d8.pf_fragment      | Bin 0 -> 1028 bytes
 pagefind/fragment/en_324b2ed.pf_fragment      | Bin 933 -> 0 bytes
 pagefind/fragment/en_3541bef.pf_fragment      | Bin 1034 -> 0 bytes
 pagefind/fragment/en_38d8359.pf_fragment      | Bin 0 -> 357 bytes
 pagefind/fragment/en_3df5c5f.pf_fragment      | Bin 0 -> 933 bytes
 ...47a.pf_fragment => en_449b12a.pf_fragment} | Bin 6599 -> 6602 bytes
 ...32a.pf_fragment => en_5094588.pf_fragment} | Bin 1883 -> 1884 bytes
 pagefind/fragment/en_5861ab4.pf_fragment      | Bin 0 -> 751 bytes
 pagefind/fragment/en_5eef384.pf_fragment      | Bin 0 -> 962 bytes
 pagefind/fragment/en_63cffab.pf_fragment      | Bin 0 -> 1057 bytes
 pagefind/fragment/en_63f4b5c.pf_fragment      | Bin 962 -> 0 bytes
 pagefind/fragment/en_6a9915b.pf_fragment      | Bin 0 -> 1227 bytes
 pagefind/fragment/en_7118fbe.pf_fragment      | Bin 0 -> 718 bytes
 pagefind/fragment/en_78f477e.pf_fragment      | Bin 1155 -> 0 bytes
 pagefind/fragment/en_815cbc8.pf_fragment      | Bin 0 -> 1034 bytes
 pagefind/fragment/en_aab3547.pf_fragment      | Bin 1029 -> 0 bytes
 pagefind/fragment/en_af4a67a.pf_fragment      | Bin 1227 -> 0 bytes
 pagefind/fragment/en_b110a5b.pf_fragment      | Bin 0 -> 1155 bytes
 ...a0e.pf_fragment => en_b24f7ef.pf_fragment} | Bin 1146 -> 1145 bytes
 ...1f2.pf_fragment => en_b7c8c16.pf_fragment} | Bin 3131 -> 3133 bytes
 ...4a9.pf_fragment => en_c2412d4.pf_fragment} | Bin 1214 -> 1214 bytes
 pagefind/fragment/en_dccebd7.pf_fragment      | Bin 1056 -> 0 bytes
 pagefind/fragment/en_edda142.pf_fragment      | Bin 716 -> 0 bytes
 ...e3b.pf_fragment => en_ee9f170.pf_fragment} | Bin 27388 -> 27391 bytes
 pagefind/fragment/en_f575e71.pf_fragment      | Bin 355 -> 0 bytes
 ....pf_fragment => zh-cn_0ea6667.pf_fragment} | Bin 3608 -> 3610 bytes
 pagefind/fragment/zh-cn_154849c.pf_fragment   | Bin 0 -> 797 bytes
 ....pf_fragment => zh-cn_27c99c4.pf_fragment} | Bin 1536 -> 1538 bytes
 pagefind/fragment/zh-cn_2bc07af.pf_fragment   | Bin 1437 -> 0 bytes
 ....pf_fragment => zh-cn_2c21dbd.pf_fragment} | Bin 1178 -> 1179 bytes
 pagefind/fragment/zh-cn_39da2fe.pf_fragment   | Bin 0 -> 11147 bytes
 pagefind/fragment/zh-cn_51bdb63.pf_fragment   | Bin 0 -> 983 bytes
 pagefind/fragment/zh-cn_5584627.pf_fragment   | Bin 0 -> 1439 bytes
 ....pf_fragment => zh-cn_565fd27.pf_fragment} | Bin 7424 -> 7428 bytes
 ....pf_fragment => zh-cn_5ab33e7.pf_fragment} | Bin 1228 -> 1230 bytes
 pagefind/fragment/zh-cn_5f3328b.pf_fragment   | Bin 797 -> 0 bytes
 pagefind/fragment/zh-cn_68b3659.pf_fragment   | Bin 0 -> 403 bytes
 pagefind/fragment/zh-cn_69610a7.pf_fragment   | Bin 1443 -> 0 bytes
 ....pf_fragment => zh-cn_6df03b5.pf_fragment} | Bin 31668 -> 31673 bytes
 pagefind/fragment/zh-cn_8998463.pf_fragment   | Bin 0 -> 1444 bytes
 pagefind/fragment/zh-cn_8dcd37a.pf_fragment   | Bin 1408 -> 0 bytes
 pagefind/fragment/zh-cn_964a4fd.pf_fragment   | Bin 401 -> 0 bytes
 pagefind/fragment/zh-cn_9879172.pf_fragment   | Bin 0 -> 1261 bytes
 pagefind/fragment/zh-cn_ad77d75.pf_fragment   | Bin 981 -> 0 bytes
 pagefind/fragment/zh-cn_bc27649.pf_fragment   | Bin 1260 -> 0 bytes
 ....pf_fragment => zh-cn_c5d845d.pf_fragment} | Bin 1319 -> 1320 bytes
 pagefind/fragment/zh-cn_c999918.pf_fragment   | Bin 1478 -> 0 bytes
 pagefind/fragment/zh-cn_d388141.pf_fragment   | Bin 0 -> 1410 bytes
 ....pf_fragment => zh-cn_e6dde39.pf_fragment} | Bin 16317 -> 16319 bytes
 ....pf_fragment => zh-cn_e831ca8.pf_fragment} | Bin 2116 -> 2117 bytes
 pagefind/fragment/zh-cn_ec79f02.pf_fragment   | Bin 11147 -> 0 bytes
 pagefind/fragment/zh-cn_f2527de.pf_fragment   | Bin 0 -> 1478 bytes
 pagefind/pagefind-entry.json                  |   2 +-
 pagefind/pagefind.en_853ef581ec.pf_meta       | Bin 0 -> 598 bytes
 pagefind/pagefind.en_9aedcc98b3.pf_meta       | Bin 598 -> 0 bytes
 pagefind/pagefind.zh-cn_5630655c2f3e8.pf_meta | Bin 755 -> 0 bytes
 pagefind/pagefind.zh-cn_b71a7d8847108.pf_meta | Bin 0 -> 752 bytes
 src/article/astParse/tokenizer.html           |   8 +-
 src/article/babel.html                        |   8 +-
 src/article/bundle.html                       |   8 +-
 src/article/designMode.html                   |   8 +-
 src/article/functionalProgramming.html        |   8 +-
 src/article/imagemin.html                     |   8 +-
 src/article/javascript/domLoad.html           |   8 +-
 src/article/sort/bubble/index.html            |   8 +-
 src/article/sort/bucket/index.html            |   8 +-
 src/article/sort/count/index.html             |   8 +-
 src/article/sort/heap/index.html              |   8 +-
 src/article/sort/index.html                   |   8 +-
 src/article/sort/insert/index.html            |   8 +-
 src/article/sort/merge/index.html             |   8 +-
 src/article/sort/quick/index.html             |   8 +-
 src/article/sort/radix/index.html             |   8 +-
 src/article/sort/select/index.html            |   8 +-
 src/article/sort/shell/index.html             |   8 +-
 src/article/typescript/calculate.html         |   8 +-
 src/article/typescript/index.html             |   8 +-
 src/article/typescript/pattern.html           |   8 +-
 src/article/typescript/reconstruction.html    |   8 +-
 src/article/typescript/recursion.html         |   8 +-
 src/article/typescript/unionType.html         |   8 +-
 src/ranui/button/index.html                   |   8 +-
 src/ranui/checkbox/index.html                 |   8 +-
 src/ranui/icon/index.html                     |   8 +-
 src/ranui/image/index.html                    |   8 +-
 src/ranui/index.html                          |   8 +-
 src/ranui/input/index.html                    |   8 +-
 src/ranui/loading/index.html                  |   8 +-
 src/ranui/math/index.html                     |   8 +-
 src/ranui/message/index.html                  |   8 +-
 src/ranui/modal/index.html                    |   8 +-
 src/ranui/player/index.html                   |   8 +-
 src/ranui/popover/index.html                  |   8 +-
 src/ranui/preview/index.html                  |   8 +-
 src/ranui/progress/index.html                 |   8 +-
 src/ranui/radar/index.html                    |   8 +-
 src/ranui/select/index.html                   |   8 +-
 src/ranui/skeleton/index.html                 |   8 +-
 src/ranui/tab/index.html                      |   8 +-
 src/ranui/tabs/index.html                     |   8 +-
 src/ranuts/binaryTree/index.html              |   8 +-
 src/ranuts/bundler/index.html                 |   8 +-
 src/ranuts/file/appendFile.html               |   8 +-
 src/ranuts/file/fileInfo.html                 |   8 +-
 src/ranuts/file/readDir.html                  |   8 +-
 src/ranuts/file/readFile.html                 |   8 +-
 src/ranuts/file/watchFile.html                |   8 +-
 src/ranuts/file/writeFile.html                |   8 +-
 src/ranuts/index.html                         |   8 +-
 src/ranuts/mimeType/mimeType.html             |   8 +-
 src/ranuts/mode/subscribe.html                |   8 +-
 src/ranuts/utils/convertImageToBase64.html    |   8 +-
 src/ranuts/utils/filterObj.html               |   8 +-
 src/ranuts/utils/formatJson.html              |   8 +-
 src/ranuts/utils/getCookie.html               |   8 +-
 src/ranuts/utils/ocr.html                     |   8 +-
 src/ranuts/utils/str2xml.html                 |   8 +-
 src/ranuts/utils/task.html                    |   8 +-
 "src/types/TS\347\261\273\345\236\213.html"   |   8 +-
 ...\345\274\217\345\214\271\351\205\215.html" |   8 +-
 ...\345\236\213\350\277\220\347\256\227.html" |   8 +-
 ...\347\272\247\347\261\273\345\236\213.html" |   8 +-
 sw1728129561.js => sw1728129796.js            | 636 +++++++++---------
 481 files changed, 1160 insertions(+), 1160 deletions(-)
 rename assets/{cn_index.md.CC940uHT.js => cn_index.md.BLhfTKfk.js} (93%)
 rename assets/{cn_index.md.CC940uHT.lean.js => cn_index.md.BLhfTKfk.lean.js} (93%)
 rename assets/{cn_src_article_astParse_tokenizer.md.CbTsq3qg.js => cn_src_article_astParse_tokenizer.md.fRsPjbrs.js} (99%)
 rename assets/{cn_src_article_astParse_tokenizer.md.CbTsq3qg.lean.js => cn_src_article_astParse_tokenizer.md.fRsPjbrs.lean.js} (99%)
 rename assets/{cn_src_article_babel.md.Bb4oNZ50.js => cn_src_article_babel.md.igUT7dgP.js} (95%)
 rename assets/{cn_src_article_babel.md.Bb4oNZ50.lean.js => cn_src_article_babel.md.igUT7dgP.lean.js} (95%)
 rename assets/{cn_src_article_bundle.md.BgkzbBow.js => cn_src_article_bundle.md.DQFZ3YRD.js} (94%)
 rename assets/{cn_src_article_bundle.md.BgkzbBow.lean.js => cn_src_article_bundle.md.DQFZ3YRD.lean.js} (94%)
 rename assets/{cn_src_article_designMode.md.BzjcnDMg.js => cn_src_article_designMode.md.B2Mi_NTb.js} (99%)
 rename assets/{cn_src_article_designMode.md.BzjcnDMg.lean.js => cn_src_article_designMode.md.B2Mi_NTb.lean.js} (99%)
 rename assets/{cn_src_article_docPreview.md.Bk6_K5Up.js => cn_src_article_docPreview.md.BpvHIdsV.js} (99%)
 rename assets/{cn_src_article_docPreview.md.Bk6_K5Up.lean.js => cn_src_article_docPreview.md.BpvHIdsV.lean.js} (99%)
 rename assets/{cn_src_article_functionalProgramming.md.BI-pI2Tm.js => cn_src_article_functionalProgramming.md.B0WkJbH2.js} (99%)
 rename assets/{cn_src_article_functionalProgramming.md.BI-pI2Tm.lean.js => cn_src_article_functionalProgramming.md.B0WkJbH2.lean.js} (99%)
 rename assets/{cn_src_article_imagemin.md.CEVub_ZQ.js => cn_src_article_imagemin.md.O-LRpAFt.js} (91%)
 rename assets/{cn_src_article_imagemin.md.CEVub_ZQ.lean.js => cn_src_article_imagemin.md.O-LRpAFt.lean.js} (91%)
 rename assets/{cn_src_article_javascript_domLoad.md.CI-VlQc8.js => cn_src_article_javascript_domLoad.md.Cc9Twcl2.js} (97%)
 rename assets/{cn_src_article_javascript_domLoad.md.CI-VlQc8.lean.js => cn_src_article_javascript_domLoad.md.Cc9Twcl2.lean.js} (97%)
 rename assets/{cn_src_article_sort_bubble_index.md.Cr8QMhiM.js => cn_src_article_sort_bubble_index.md.BL_0xBSg.js} (99%)
 rename assets/{cn_src_article_sort_bubble_index.md.Cr8QMhiM.lean.js => cn_src_article_sort_bubble_index.md.BL_0xBSg.lean.js} (99%)
 rename assets/{cn_src_article_sort_bucket_index.md.Dl_rJ3sv.js => cn_src_article_sort_bucket_index.md.CInFho5i.js} (99%)
 rename assets/{cn_src_article_sort_bucket_index.md.Dl_rJ3sv.lean.js => cn_src_article_sort_bucket_index.md.CInFho5i.lean.js} (99%)
 rename assets/{cn_src_article_sort_count_index.md.BwHTgoYv.js => cn_src_article_sort_count_index.md.CLrg_eAi.js} (99%)
 rename assets/{cn_src_article_sort_count_index.md.BwHTgoYv.lean.js => cn_src_article_sort_count_index.md.CLrg_eAi.lean.js} (99%)
 rename assets/{cn_src_article_sort_heap_index.md.oxRUNOKZ.js => cn_src_article_sort_heap_index.md.CjUwiufT.js} (99%)
 rename assets/{cn_src_article_sort_heap_index.md.oxRUNOKZ.lean.js => cn_src_article_sort_heap_index.md.CjUwiufT.lean.js} (99%)
 rename assets/{cn_src_article_sort_index.md.V1uGWtUp.js => cn_src_article_sort_index.md.BhyMit8Y.js} (96%)
 rename assets/{cn_src_article_sort_index.md.V1uGWtUp.lean.js => cn_src_article_sort_index.md.BhyMit8Y.lean.js} (96%)
 rename assets/{cn_src_article_sort_insert_index.md.BPxYKrUM.js => cn_src_article_sort_insert_index.md.C4G7YeWl.js} (99%)
 rename assets/{cn_src_article_sort_insert_index.md.BPxYKrUM.lean.js => cn_src_article_sort_insert_index.md.C4G7YeWl.lean.js} (99%)
 rename assets/{cn_src_article_sort_merge_index.md.Dz-ycn2t.js => cn_src_article_sort_merge_index.md.CrLtJpMk.js} (99%)
 rename assets/{cn_src_article_sort_merge_index.md.Dz-ycn2t.lean.js => cn_src_article_sort_merge_index.md.CrLtJpMk.lean.js} (99%)
 rename assets/{cn_src_article_sort_quick_index.md.Dm-fpFZL.js => cn_src_article_sort_quick_index.md.CmIbA4AB.js} (99%)
 rename assets/{cn_src_article_sort_quick_index.md.Dm-fpFZL.lean.js => cn_src_article_sort_quick_index.md.CmIbA4AB.lean.js} (99%)
 rename assets/{cn_src_article_sort_radix_index.md.CmXyO2h4.js => cn_src_article_sort_radix_index.md.vBHH0tHh.js} (99%)
 rename assets/{cn_src_article_sort_radix_index.md.CmXyO2h4.lean.js => cn_src_article_sort_radix_index.md.vBHH0tHh.lean.js} (99%)
 rename assets/{cn_src_article_sort_select_index.md.C6f3fqev.js => cn_src_article_sort_select_index.md.Cd2SKviA.js} (99%)
 rename assets/{cn_src_article_sort_select_index.md.C6f3fqev.lean.js => cn_src_article_sort_select_index.md.Cd2SKviA.lean.js} (99%)
 rename assets/{cn_src_article_sort_shell_index.md.B0DKjSD6.js => cn_src_article_sort_shell_index.md.CQc6o0U8.js} (99%)
 rename assets/{cn_src_article_sort_shell_index.md.B0DKjSD6.lean.js => cn_src_article_sort_shell_index.md.CQc6o0U8.lean.js} (99%)
 rename assets/{cn_src_article_systemDesign.md.Oy3scZvv.js => cn_src_article_systemDesign.md.hF7LXas7.js} (97%)
 rename assets/{cn_src_article_systemDesign.md.Oy3scZvv.lean.js => cn_src_article_systemDesign.md.hF7LXas7.lean.js} (97%)
 rename assets/{cn_src_article_typescript_calculate.md.DPFdz5ZN.js => cn_src_article_typescript_calculate.md.DFF0Jmnv.js} (99%)
 rename assets/{cn_src_article_typescript_calculate.md.DPFdz5ZN.lean.js => cn_src_article_typescript_calculate.md.DFF0Jmnv.lean.js} (99%)
 rename assets/{cn_src_article_typescript_index.md.CaFWWXxk.js => cn_src_article_typescript_index.md.BE6MDNaH.js} (99%)
 rename assets/{cn_src_article_typescript_index.md.CaFWWXxk.lean.js => cn_src_article_typescript_index.md.BE6MDNaH.lean.js} (99%)
 rename assets/{cn_src_article_typescript_pattern.md.GG3CpSHa.js => cn_src_article_typescript_pattern.md.ClYdggen.js} (99%)
 rename assets/{cn_src_article_typescript_pattern.md.GG3CpSHa.lean.js => cn_src_article_typescript_pattern.md.ClYdggen.lean.js} (99%)
 rename assets/{cn_src_article_typescript_reconstruction.md.B-6dp4-w.js => cn_src_article_typescript_reconstruction.md.CwRrki5l.js} (99%)
 rename assets/{cn_src_article_typescript_reconstruction.md.B-6dp4-w.lean.js => cn_src_article_typescript_reconstruction.md.CwRrki5l.lean.js} (99%)
 rename assets/{cn_src_article_typescript_recursion.md.NrD8NlPF.js => cn_src_article_typescript_recursion.md.DXrQrnQX.js} (99%)
 rename assets/{cn_src_article_typescript_recursion.md.NrD8NlPF.lean.js => cn_src_article_typescript_recursion.md.DXrQrnQX.lean.js} (99%)
 rename assets/{cn_src_article_typescript_unionType.md.BgeL6nAW.js => cn_src_article_typescript_unionType.md.BEJLXxlO.js} (99%)
 rename assets/{cn_src_article_typescript_unionType.md.BgeL6nAW.lean.js => cn_src_article_typescript_unionType.md.BEJLXxlO.lean.js} (99%)
 rename assets/{cn_src_article_video.md.Cz2oSvp1.js => cn_src_article_video.md.D_lFXyPJ.js} (99%)
 rename assets/{cn_src_article_video.md.Cz2oSvp1.lean.js => cn_src_article_video.md.D_lFXyPJ.lean.js} (99%)
 rename assets/{cn_src_article_visual.md.Be4MMnab.js => cn_src_article_visual.md.DseWRfx9.js} (99%)
 rename assets/{cn_src_article_visual.md.Be4MMnab.lean.js => cn_src_article_visual.md.DseWRfx9.lean.js} (99%)
 rename assets/{cn_src_note_centos.md.BcqWCqVs.js => cn_src_note_centos.md.DNIN5Wz6.js} (99%)
 rename assets/{cn_src_note_centos.md.BcqWCqVs.lean.js => cn_src_note_centos.md.DNIN5Wz6.lean.js} (99%)
 rename assets/{cn_src_note_docker.md.BeX3ffKU.js => cn_src_note_docker.md.Dwk9bEUN.js} (99%)
 rename assets/{cn_src_note_docker.md.BeX3ffKU.lean.js => cn_src_note_docker.md.Dwk9bEUN.lean.js} (99%)
 rename assets/{cn_src_note_libreoffice2wasm.md.DATIsYiT.js => cn_src_note_libreoffice2wasm.md.DG6uOQ65.js} (99%)
 rename assets/{cn_src_note_libreoffice2wasm.md.DATIsYiT.lean.js => cn_src_note_libreoffice2wasm.md.DG6uOQ65.lean.js} (99%)
 rename assets/{cn_src_note_ubuntu.md.C1lhavpN.js => cn_src_note_ubuntu.md.boe-scbt.js} (98%)
 rename assets/{cn_src_note_ubuntu.md.C1lhavpN.lean.js => cn_src_note_ubuntu.md.boe-scbt.lean.js} (98%)
 rename assets/{cn_src_ranui_button_index.md.B-YucaRE.js => cn_src_ranui_button_index.md.ByX0UCnc.js} (99%)
 rename assets/{cn_src_ranui_button_index.md.B-YucaRE.lean.js => cn_src_ranui_button_index.md.ByX0UCnc.lean.js} (99%)
 rename assets/{cn_src_ranui_checkbox_index.md.7OhoHSmh.js => cn_src_ranui_checkbox_index.md.Csmdnt0O.js} (99%)
 rename assets/{cn_src_ranui_checkbox_index.md.7OhoHSmh.lean.js => cn_src_ranui_checkbox_index.md.Csmdnt0O.lean.js} (99%)
 rename assets/{cn_src_ranui_icon_index.md.7jVbQ82_.js => cn_src_ranui_icon_index.md.VgKq_hwc.js} (99%)
 rename assets/{cn_src_ranui_icon_index.md.7jVbQ82_.lean.js => cn_src_ranui_icon_index.md.VgKq_hwc.lean.js} (99%)
 rename assets/{cn_src_ranui_image_index.md.CEdjKNte.js => cn_src_ranui_image_index.md.DTxkaIXi.js} (98%)
 rename assets/{cn_src_ranui_image_index.md.CEdjKNte.lean.js => cn_src_ranui_image_index.md.DTxkaIXi.lean.js} (98%)
 rename assets/{cn_src_ranui_index.md.Cv0LhI4v.js => cn_src_ranui_index.md.DbAIrpTI.js} (99%)
 rename assets/{cn_src_ranui_index.md.Cv0LhI4v.lean.js => cn_src_ranui_index.md.DbAIrpTI.lean.js} (99%)
 rename assets/{cn_src_ranui_input_index.md.CKpr9bUR.js => cn_src_ranui_input_index.md.Xj5VXLle.js} (99%)
 rename assets/{cn_src_ranui_input_index.md.CKpr9bUR.lean.js => cn_src_ranui_input_index.md.Xj5VXLle.lean.js} (99%)
 rename assets/{cn_src_ranui_loading_index.md.CcRWELn0.js => cn_src_ranui_loading_index.md.Cd9-GnXr.js} (98%)
 rename assets/{cn_src_ranui_loading_index.md.CcRWELn0.lean.js => cn_src_ranui_loading_index.md.Cd9-GnXr.lean.js} (98%)
 rename assets/{cn_src_ranui_math_index.md.nmeuJ7af.js => cn_src_ranui_math_index.md.vkrzCmwa.js} (97%)
 rename assets/{cn_src_ranui_math_index.md.nmeuJ7af.lean.js => cn_src_ranui_math_index.md.vkrzCmwa.lean.js} (97%)
 rename assets/{cn_src_ranui_message_index.md.OWf7PDqT.js => cn_src_ranui_message_index.md.DQaOXw4A.js} (99%)
 rename assets/{cn_src_ranui_message_index.md.OWf7PDqT.lean.js => cn_src_ranui_message_index.md.DQaOXw4A.lean.js} (99%)
 rename assets/{cn_src_ranui_modal_index.md.C5SgGuYU.js => cn_src_ranui_modal_index.md.Ct_5BTpn.js} (84%)
 rename assets/{cn_src_ranui_modal_index.md.C5SgGuYU.lean.js => cn_src_ranui_modal_index.md.Ct_5BTpn.lean.js} (84%)
 rename assets/{cn_src_ranui_player_index.md.DXjOFy1h.js => cn_src_ranui_player_index.md.ClG2z7Rd.js} (99%)
 rename assets/{cn_src_ranui_player_index.md.DXjOFy1h.lean.js => cn_src_ranui_player_index.md.ClG2z7Rd.lean.js} (99%)
 rename assets/{cn_src_ranui_popover_index.md.YQ2K5eFD.js => cn_src_ranui_popover_index.md.CKCBCC0z.js} (99%)
 rename assets/{cn_src_ranui_popover_index.md.YQ2K5eFD.lean.js => cn_src_ranui_popover_index.md.CKCBCC0z.lean.js} (99%)
 rename assets/{cn_src_ranui_preview_index.md.MwV2D84f.js => cn_src_ranui_preview_index.md.HNgH1cdk.js} (99%)
 rename assets/{cn_src_ranui_preview_index.md.MwV2D84f.lean.js => cn_src_ranui_preview_index.md.HNgH1cdk.lean.js} (99%)
 rename assets/{cn_src_ranui_progress_index.md.BhrzleOl.js => cn_src_ranui_progress_index.md.B6p9KAvb.js} (99%)
 rename assets/{cn_src_ranui_progress_index.md.BhrzleOl.lean.js => cn_src_ranui_progress_index.md.B6p9KAvb.lean.js} (99%)
 rename assets/{cn_src_ranui_radar_index.md.JUC5Tblz.js => cn_src_ranui_radar_index.md.D7lwGVbW.js} (99%)
 rename assets/{cn_src_ranui_radar_index.md.JUC5Tblz.lean.js => cn_src_ranui_radar_index.md.D7lwGVbW.lean.js} (99%)
 rename assets/{cn_src_ranui_select_index.md.CqrSnS3F.js => cn_src_ranui_select_index.md.x3hqXtMG.js} (99%)
 rename assets/{cn_src_ranui_select_index.md.CqrSnS3F.lean.js => cn_src_ranui_select_index.md.x3hqXtMG.lean.js} (99%)
 rename assets/{cn_src_ranui_skeleton_index.md.DfgRdP5t.js => cn_src_ranui_skeleton_index.md.CxsOeOpu.js} (96%)
 rename assets/{cn_src_ranui_skeleton_index.md.DfgRdP5t.lean.js => cn_src_ranui_skeleton_index.md.CxsOeOpu.lean.js} (96%)
 rename assets/{cn_src_ranui_tab_index.md.BlcshkmY.js => cn_src_ranui_tab_index.md._Yrr2Do-.js} (99%)
 rename assets/{cn_src_ranui_tab_index.md.BlcshkmY.lean.js => cn_src_ranui_tab_index.md._Yrr2Do-.lean.js} (99%)
 rename assets/{cn_src_ranui_tabs_index.md.BnLsjdMq.js => cn_src_ranui_tabs_index.md.Y6X6hlvp.js} (99%)
 rename assets/{cn_src_ranui_tabs_index.md.BnLsjdMq.lean.js => cn_src_ranui_tabs_index.md.Y6X6hlvp.lean.js} (99%)
 rename assets/{cn_src_ranuts_binaryTree_index.md.CoTPSG40.js => cn_src_ranuts_binaryTree_index.md.B0ahr_Mn.js} (99%)
 rename assets/{cn_src_ranuts_binaryTree_index.md.CoTPSG40.lean.js => cn_src_ranuts_binaryTree_index.md.B0ahr_Mn.lean.js} (99%)
 rename assets/{cn_src_ranuts_bundler_index.md.Bui4hlUf.js => cn_src_ranuts_bundler_index.md.DwAuuXbu.js} (96%)
 rename assets/{cn_src_ranuts_bundler_index.md.Bui4hlUf.lean.js => cn_src_ranuts_bundler_index.md.DwAuuXbu.lean.js} (96%)
 rename assets/{cn_src_ranuts_file_appendFile.md.CYzaDkUO.js => cn_src_ranuts_file_appendFile.md.B63KmkE8.js} (96%)
 rename assets/{cn_src_ranuts_file_appendFile.md.CYzaDkUO.lean.js => cn_src_ranuts_file_appendFile.md.B63KmkE8.lean.js} (96%)
 rename assets/{cn_src_ranuts_file_fileInfo.md.cszSvf9s.js => cn_src_ranuts_file_fileInfo.md.CqJn8JuV.js} (96%)
 rename assets/{cn_src_ranuts_file_fileInfo.md.cszSvf9s.lean.js => cn_src_ranuts_file_fileInfo.md.CqJn8JuV.lean.js} (96%)
 rename assets/{cn_src_ranuts_file_readDir.md.DVHZJj5k.js => cn_src_ranuts_file_readDir.md.BAFE9wq0.js} (96%)
 rename assets/{cn_src_ranuts_file_readDir.md.DVHZJj5k.lean.js => cn_src_ranuts_file_readDir.md.BAFE9wq0.lean.js} (96%)
 rename assets/{cn_src_ranuts_file_readFile.md.CMWdjeNp.js => cn_src_ranuts_file_readFile.md._sEkTrwK.js} (96%)
 rename assets/{cn_src_ranuts_file_readFile.md.CMWdjeNp.lean.js => cn_src_ranuts_file_readFile.md._sEkTrwK.lean.js} (96%)
 rename assets/{cn_src_ranuts_file_watchFile.md.5h3FtZpC.js => cn_src_ranuts_file_watchFile.md.DizkqDrO.js} (96%)
 rename assets/{cn_src_ranuts_file_watchFile.md.5h3FtZpC.lean.js => cn_src_ranuts_file_watchFile.md.DizkqDrO.lean.js} (96%)
 rename assets/{cn_src_ranuts_file_writeFile.md.DLZe7Swq.js => cn_src_ranuts_file_writeFile.md.Bu4zBA8r.js} (96%)
 rename assets/{cn_src_ranuts_file_writeFile.md.DLZe7Swq.lean.js => cn_src_ranuts_file_writeFile.md.Bu4zBA8r.lean.js} (96%)
 rename assets/{cn_src_ranuts_index.md.B_7KgyI-.js => cn_src_ranuts_index.md.Br1tGjNi.js} (97%)
 rename assets/{cn_src_ranuts_index.md.B_7KgyI-.lean.js => cn_src_ranuts_index.md.Br1tGjNi.lean.js} (97%)
 rename assets/{cn_src_ranuts_mimeType_mimeType.md.nxjk8xi_.js => cn_src_ranuts_mimeType_mimeType.md.D8QLJam4.js} (98%)
 rename assets/{cn_src_ranuts_mimeType_mimeType.md.nxjk8xi_.lean.js => cn_src_ranuts_mimeType_mimeType.md.D8QLJam4.lean.js} (98%)
 rename assets/{cn_src_ranuts_mode_subscribe.md.BpJB8REw.js => cn_src_ranuts_mode_subscribe.md.Dfqta45A.js} (99%)
 rename assets/{cn_src_ranuts_mode_subscribe.md.BpJB8REw.lean.js => cn_src_ranuts_mode_subscribe.md.Dfqta45A.lean.js} (99%)
 rename assets/{cn_src_ranuts_utils_convertImageToBase64.md.BQFuSXTt.js => cn_src_ranuts_utils_convertImageToBase64.md.Baw_0VwK.js} (98%)
 rename assets/{cn_src_ranuts_utils_convertImageToBase64.md.BQFuSXTt.lean.js => cn_src_ranuts_utils_convertImageToBase64.md.Baw_0VwK.lean.js} (98%)
 rename assets/{cn_src_ranuts_utils_filterObj.md.R6pWg6_Y.js => cn_src_ranuts_utils_filterObj.md.CxRU9J7j.js} (98%)
 rename assets/{cn_src_ranuts_utils_filterObj.md.R6pWg6_Y.lean.js => cn_src_ranuts_utils_filterObj.md.CxRU9J7j.lean.js} (98%)
 rename assets/{cn_src_ranuts_utils_formatJson.md.w3L-Rhdf.js => cn_src_ranuts_utils_formatJson.md.BPEAnSbs.js} (98%)
 rename assets/{cn_src_ranuts_utils_formatJson.md.w3L-Rhdf.lean.js => cn_src_ranuts_utils_formatJson.md.BPEAnSbs.lean.js} (98%)
 rename assets/{cn_src_ranuts_utils_getCookie.md.ChQkIFFD.js => cn_src_ranuts_utils_getCookie.md.Cn937pro.js} (98%)
 rename assets/{cn_src_ranuts_utils_getCookie.md.ChQkIFFD.lean.js => cn_src_ranuts_utils_getCookie.md.Cn937pro.lean.js} (98%)
 rename assets/{cn_src_ranuts_utils_ocr.md.CCSas4Mw.js => cn_src_ranuts_utils_ocr.md.DDRRaGe9.js} (99%)
 rename assets/{cn_src_ranuts_utils_ocr.md.CCSas4Mw.lean.js => cn_src_ranuts_utils_ocr.md.DDRRaGe9.lean.js} (99%)
 rename assets/{cn_src_ranuts_utils_str2xml.md.CgTEUJ7O.js => cn_src_ranuts_utils_str2xml.md.Bde3XsNH.js} (98%)
 rename assets/{cn_src_ranuts_utils_str2xml.md.CgTEUJ7O.lean.js => cn_src_ranuts_utils_str2xml.md.Bde3XsNH.lean.js} (98%)
 rename assets/{cn_src_ranuts_utils_task.md.BLYztfpY.js => cn_src_ranuts_utils_task.md.vM2hJa_Z.js} (99%)
 rename assets/{cn_src_ranuts_utils_task.md.BLYztfpY.lean.js => cn_src_ranuts_utils_task.md.vM2hJa_Z.lean.js} (99%)
 rename "assets/cn_src_types_TS\347\261\273\345\236\213.md.ctrtnDXL.js" => "assets/cn_src_types_TS\347\261\273\345\236\213.md.BqYfr0BF.js" (99%)
 rename "assets/cn_src_types_TS\347\261\273\345\236\213.md.ctrtnDXL.lean.js" => "assets/cn_src_types_TS\347\261\273\345\236\213.md.BqYfr0BF.lean.js" (99%)
 rename "assets/cn_src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.DWHjoF0h.js" => "assets/cn_src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.Cv2DtzlL.js" (99%)
 rename "assets/cn_src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.DWHjoF0h.lean.js" => "assets/cn_src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.Cv2DtzlL.lean.js" (99%)
 rename "assets/cn_src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.BALncgle.js" => "assets/cn_src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.DMkykj3f.js" (99%)
 rename "assets/cn_src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.BALncgle.lean.js" => "assets/cn_src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.DMkykj3f.lean.js" (99%)
 rename "assets/cn_src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.C_sodMsN.js" => "assets/cn_src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.BDtDighX.js" (98%)
 rename "assets/cn_src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.C_sodMsN.lean.js" => "assets/cn_src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.BDtDighX.lean.js" (98%)
 rename assets/{index.md.C1mV7KLR.js => index.md.D7BH-fMN.js} (93%)
 rename assets/{index.md.C1mV7KLR.lean.js => index.md.D7BH-fMN.lean.js} (93%)
 rename assets/{src_article_astParse_tokenizer.md.m5lyUfzX.js => src_article_astParse_tokenizer.md.CuCr3w1T.js} (99%)
 rename assets/{src_article_astParse_tokenizer.md.m5lyUfzX.lean.js => src_article_astParse_tokenizer.md.CuCr3w1T.lean.js} (99%)
 rename assets/{src_article_babel.md.D0mGQXMo.js => src_article_babel.md.Cy_u0Zgd.js} (95%)
 rename assets/{src_article_babel.md.D0mGQXMo.lean.js => src_article_babel.md.Cy_u0Zgd.lean.js} (95%)
 rename assets/{src_article_bundle.md.BvqfF4Lk.js => src_article_bundle.md.CJFsaLBq.js} (93%)
 rename assets/{src_article_bundle.md.BvqfF4Lk.lean.js => src_article_bundle.md.CJFsaLBq.lean.js} (93%)
 rename assets/{src_article_designMode.md.DWnxNFS_.js => src_article_designMode.md.CsQyDQ9L.js} (99%)
 rename assets/{src_article_designMode.md.DWnxNFS_.lean.js => src_article_designMode.md.CsQyDQ9L.lean.js} (99%)
 rename assets/{src_article_functionalProgramming.md.Bbl-kdPi.js => src_article_functionalProgramming.md.BPj6iTX9.js} (99%)
 rename assets/{src_article_functionalProgramming.md.Bbl-kdPi.lean.js => src_article_functionalProgramming.md.BPj6iTX9.lean.js} (99%)
 rename assets/{src_article_imagemin.md.CNzOGYN8.js => src_article_imagemin.md.F6ka3QYU.js} (91%)
 rename assets/{src_article_imagemin.md.CNzOGYN8.lean.js => src_article_imagemin.md.F6ka3QYU.lean.js} (91%)
 rename assets/{src_article_javascript_domLoad.md.f1BWKaWm.js => src_article_javascript_domLoad.md.ISLuBQzT.js} (97%)
 rename assets/{src_article_javascript_domLoad.md.f1BWKaWm.lean.js => src_article_javascript_domLoad.md.ISLuBQzT.lean.js} (97%)
 rename assets/{src_article_sort_bubble_index.md.DM2Rnnat.js => src_article_sort_bubble_index.md.DmhPntEW.js} (99%)
 rename assets/{src_article_sort_bubble_index.md.DM2Rnnat.lean.js => src_article_sort_bubble_index.md.DmhPntEW.lean.js} (99%)
 rename assets/{src_article_sort_bucket_index.md.BTbi9aJ6.js => src_article_sort_bucket_index.md.1nocTUlS.js} (99%)
 rename assets/{src_article_sort_bucket_index.md.BTbi9aJ6.lean.js => src_article_sort_bucket_index.md.1nocTUlS.lean.js} (99%)
 rename assets/{src_article_sort_count_index.md.Ch5HRRp8.js => src_article_sort_count_index.md.Du6QhWUu.js} (99%)
 rename assets/{src_article_sort_count_index.md.Ch5HRRp8.lean.js => src_article_sort_count_index.md.Du6QhWUu.lean.js} (99%)
 rename assets/{src_article_sort_heap_index.md.D-XARjAx.js => src_article_sort_heap_index.md.DUjhT9HH.js} (99%)
 rename assets/{src_article_sort_heap_index.md.D-XARjAx.lean.js => src_article_sort_heap_index.md.DUjhT9HH.lean.js} (99%)
 rename assets/{src_article_sort_index.md.LNhlg9Oa.js => src_article_sort_index.md.Day6RJ-s.js} (97%)
 rename assets/{src_article_sort_index.md.LNhlg9Oa.lean.js => src_article_sort_index.md.Day6RJ-s.lean.js} (97%)
 rename assets/{src_article_sort_insert_index.md.B-oNm95-.js => src_article_sort_insert_index.md.Cmba0n6W.js} (99%)
 rename assets/{src_article_sort_insert_index.md.B-oNm95-.lean.js => src_article_sort_insert_index.md.Cmba0n6W.lean.js} (99%)
 rename assets/{src_article_sort_merge_index.md.D6h05wbs.js => src_article_sort_merge_index.md.BYCAvkHG.js} (99%)
 rename assets/{src_article_sort_merge_index.md.D6h05wbs.lean.js => src_article_sort_merge_index.md.BYCAvkHG.lean.js} (99%)
 rename assets/{src_article_sort_quick_index.md.C9uemKEa.js => src_article_sort_quick_index.md.BVXZPTlC.js} (99%)
 rename assets/{src_article_sort_quick_index.md.C9uemKEa.lean.js => src_article_sort_quick_index.md.BVXZPTlC.lean.js} (99%)
 rename assets/{src_article_sort_radix_index.md.Ca-wVT5Q.js => src_article_sort_radix_index.md.CZgriu-L.js} (99%)
 rename assets/{src_article_sort_radix_index.md.Ca-wVT5Q.lean.js => src_article_sort_radix_index.md.CZgriu-L.lean.js} (99%)
 rename assets/{src_article_sort_select_index.md.CgrU_Nnu.js => src_article_sort_select_index.md.DVQbDLxi.js} (99%)
 rename assets/{src_article_sort_select_index.md.CgrU_Nnu.lean.js => src_article_sort_select_index.md.DVQbDLxi.lean.js} (99%)
 rename assets/{src_article_sort_shell_index.md.DOUhMGGU.js => src_article_sort_shell_index.md.CGmp_Zfr.js} (99%)
 rename assets/{src_article_sort_shell_index.md.DOUhMGGU.lean.js => src_article_sort_shell_index.md.CGmp_Zfr.lean.js} (99%)
 rename assets/{src_article_typescript_calculate.md.CVW8Xao2.js => src_article_typescript_calculate.md.vojGlJJE.js} (99%)
 rename assets/{src_article_typescript_calculate.md.CVW8Xao2.lean.js => src_article_typescript_calculate.md.vojGlJJE.lean.js} (99%)
 rename assets/{src_article_typescript_index.md.CZyb-Nhf.js => src_article_typescript_index.md.CkcO1_RK.js} (99%)
 rename assets/{src_article_typescript_index.md.CZyb-Nhf.lean.js => src_article_typescript_index.md.CkcO1_RK.lean.js} (99%)
 rename assets/{src_article_typescript_pattern.md.dRLdKmiq.js => src_article_typescript_pattern.md.CLkB9hDT.js} (99%)
 rename assets/{src_article_typescript_pattern.md.dRLdKmiq.lean.js => src_article_typescript_pattern.md.CLkB9hDT.lean.js} (99%)
 rename assets/{src_article_typescript_reconstruction.md.RJXBSd9W.js => src_article_typescript_reconstruction.md.6hei5wds.js} (99%)
 rename assets/{src_article_typescript_reconstruction.md.RJXBSd9W.lean.js => src_article_typescript_reconstruction.md.6hei5wds.lean.js} (99%)
 rename assets/{src_article_typescript_recursion.md.CxwYW6pd.js => src_article_typescript_recursion.md.Cklrk5ux.js} (99%)
 rename assets/{src_article_typescript_recursion.md.CxwYW6pd.lean.js => src_article_typescript_recursion.md.Cklrk5ux.lean.js} (99%)
 rename assets/{src_article_typescript_unionType.md.lwThafAB.js => src_article_typescript_unionType.md.DWIWcdin.js} (99%)
 rename assets/{src_article_typescript_unionType.md.lwThafAB.lean.js => src_article_typescript_unionType.md.DWIWcdin.lean.js} (99%)
 rename assets/{src_ranui_button_index.md.Bv4CarK8.js => src_ranui_button_index.md.xyRWgUv8.js} (99%)
 rename assets/{src_ranui_button_index.md.Bv4CarK8.lean.js => src_ranui_button_index.md.xyRWgUv8.lean.js} (99%)
 rename assets/{src_ranui_checkbox_index.md.D6UQK38M.js => src_ranui_checkbox_index.md.DZWEhA_6.js} (99%)
 rename assets/{src_ranui_checkbox_index.md.D6UQK38M.lean.js => src_ranui_checkbox_index.md.DZWEhA_6.lean.js} (99%)
 rename assets/{src_ranui_icon_index.md.Cada4EMN.js => src_ranui_icon_index.md.CCbuLCdk.js} (99%)
 rename assets/{src_ranui_icon_index.md.Cada4EMN.lean.js => src_ranui_icon_index.md.CCbuLCdk.lean.js} (99%)
 rename assets/{src_ranui_image_index.md.iND1p-rT.js => src_ranui_image_index.md.DWE25Dbt.js} (98%)
 rename assets/{src_ranui_image_index.md.iND1p-rT.lean.js => src_ranui_image_index.md.DWE25Dbt.lean.js} (98%)
 rename assets/{src_ranui_index.md.BQzsJSIN.js => src_ranui_index.md.CLoF5T0G.js} (99%)
 rename assets/{src_ranui_index.md.BQzsJSIN.lean.js => src_ranui_index.md.CLoF5T0G.lean.js} (99%)
 rename assets/{src_ranui_input_index.md.dqo--3Vk.js => src_ranui_input_index.md.BYzbt7Jg.js} (99%)
 rename assets/{src_ranui_input_index.md.dqo--3Vk.lean.js => src_ranui_input_index.md.BYzbt7Jg.lean.js} (99%)
 rename assets/{src_ranui_loading_index.md.Cr0qirnC.js => src_ranui_loading_index.md.CPbTFkjm.js} (98%)
 rename assets/{src_ranui_loading_index.md.Cr0qirnC.lean.js => src_ranui_loading_index.md.CPbTFkjm.lean.js} (98%)
 rename assets/{src_ranui_math_index.md.CAvnqA_Q.js => src_ranui_math_index.md.BEaDYiBh.js} (97%)
 rename assets/{src_ranui_math_index.md.CAvnqA_Q.lean.js => src_ranui_math_index.md.BEaDYiBh.lean.js} (97%)
 rename assets/{src_ranui_message_index.md.Dr_PZANG.js => src_ranui_message_index.md.C9TUA1qN.js} (99%)
 rename assets/{src_ranui_message_index.md.Dr_PZANG.lean.js => src_ranui_message_index.md.C9TUA1qN.lean.js} (99%)
 rename assets/{src_ranui_modal_index.md.BChGxskG.js => src_ranui_modal_index.md.CeMIN_J0.js} (84%)
 rename assets/{src_ranui_modal_index.md.BChGxskG.lean.js => src_ranui_modal_index.md.CeMIN_J0.lean.js} (84%)
 rename assets/{src_ranui_player_index.md.DSXQVeNM.js => src_ranui_player_index.md.DwTQwuCV.js} (99%)
 rename assets/{src_ranui_player_index.md.DSXQVeNM.lean.js => src_ranui_player_index.md.DwTQwuCV.lean.js} (99%)
 rename assets/{src_ranui_popover_index.md.4cp6AOCz.js => src_ranui_popover_index.md.PFeffqLM.js} (99%)
 rename assets/{src_ranui_popover_index.md.4cp6AOCz.lean.js => src_ranui_popover_index.md.PFeffqLM.lean.js} (99%)
 rename assets/{src_ranui_preview_index.md.GrIEkeLk.js => src_ranui_preview_index.md.hkKqqHBY.js} (99%)
 rename assets/{src_ranui_preview_index.md.GrIEkeLk.lean.js => src_ranui_preview_index.md.hkKqqHBY.lean.js} (99%)
 rename assets/{src_ranui_progress_index.md.Be_sOmHB.js => src_ranui_progress_index.md.CubSOb3E.js} (99%)
 rename assets/{src_ranui_progress_index.md.Be_sOmHB.lean.js => src_ranui_progress_index.md.CubSOb3E.lean.js} (99%)
 rename assets/{src_ranui_radar_index.md.CkBeOv58.js => src_ranui_radar_index.md.DVubbf7p.js} (99%)
 rename assets/{src_ranui_radar_index.md.CkBeOv58.lean.js => src_ranui_radar_index.md.DVubbf7p.lean.js} (99%)
 rename assets/{src_ranui_select_index.md.DgN8GI_q.js => src_ranui_select_index.md.DQq3MVHp.js} (99%)
 rename assets/{src_ranui_select_index.md.DgN8GI_q.lean.js => src_ranui_select_index.md.DQq3MVHp.lean.js} (99%)
 rename assets/{src_ranui_skeleton_index.md.DnZOMEV1.js => src_ranui_skeleton_index.md.BUf_Burp.js} (96%)
 rename assets/{src_ranui_skeleton_index.md.DnZOMEV1.lean.js => src_ranui_skeleton_index.md.BUf_Burp.lean.js} (96%)
 rename assets/{src_ranui_tab_index.md.CciVbuSi.js => src_ranui_tab_index.md.DSSJuz31.js} (99%)
 rename assets/{src_ranui_tab_index.md.CciVbuSi.lean.js => src_ranui_tab_index.md.DSSJuz31.lean.js} (99%)
 rename assets/{src_ranui_tabs_index.md.CkEcQ38o.js => src_ranui_tabs_index.md.Y_dSHlvB.js} (99%)
 rename assets/{src_ranui_tabs_index.md.CkEcQ38o.lean.js => src_ranui_tabs_index.md.Y_dSHlvB.lean.js} (99%)
 rename assets/{src_ranuts_binaryTree_index.md.DvglfkNJ.js => src_ranuts_binaryTree_index.md.TEku7NN9.js} (99%)
 rename assets/{src_ranuts_binaryTree_index.md.DvglfkNJ.lean.js => src_ranuts_binaryTree_index.md.TEku7NN9.lean.js} (99%)
 rename assets/{src_ranuts_bundler_index.md.D3F9791C.js => src_ranuts_bundler_index.md.DzEPrDNS.js} (96%)
 rename assets/{src_ranuts_bundler_index.md.D3F9791C.lean.js => src_ranuts_bundler_index.md.DzEPrDNS.lean.js} (96%)
 rename assets/{src_ranuts_file_appendFile.md.CN41s_o-.js => src_ranuts_file_appendFile.md.1-6oJJ-H.js} (96%)
 rename assets/{src_ranuts_file_appendFile.md.CN41s_o-.lean.js => src_ranuts_file_appendFile.md.1-6oJJ-H.lean.js} (96%)
 rename assets/{src_ranuts_file_fileInfo.md.CZ2C_27B.js => src_ranuts_file_fileInfo.md.C2z4D1Q8.js} (96%)
 rename assets/{src_ranuts_file_fileInfo.md.CZ2C_27B.lean.js => src_ranuts_file_fileInfo.md.C2z4D1Q8.lean.js} (96%)
 rename assets/{src_ranuts_file_readDir.md.d3nM0oPh.js => src_ranuts_file_readDir.md.BvSC38m-.js} (96%)
 rename assets/{src_ranuts_file_readDir.md.d3nM0oPh.lean.js => src_ranuts_file_readDir.md.BvSC38m-.lean.js} (96%)
 rename assets/{src_ranuts_file_readFile.md.CwPAyuVM.js => src_ranuts_file_readFile.md.Ac6LvpUh.js} (96%)
 rename assets/{src_ranuts_file_readFile.md.CwPAyuVM.lean.js => src_ranuts_file_readFile.md.Ac6LvpUh.lean.js} (96%)
 rename assets/{src_ranuts_file_watchFile.md.DYvq_aUK.js => src_ranuts_file_watchFile.md.i-gzm-Mr.js} (96%)
 rename assets/{src_ranuts_file_watchFile.md.DYvq_aUK.lean.js => src_ranuts_file_watchFile.md.i-gzm-Mr.lean.js} (96%)
 rename assets/{src_ranuts_file_writeFile.md.CdGN48zU.js => src_ranuts_file_writeFile.md.2z4SHchp.js} (96%)
 rename assets/{src_ranuts_file_writeFile.md.CdGN48zU.lean.js => src_ranuts_file_writeFile.md.2z4SHchp.lean.js} (96%)
 rename assets/{src_ranuts_index.md.CHFYg7WB.js => src_ranuts_index.md.BJ436-Wa.js} (97%)
 rename assets/{src_ranuts_index.md.CHFYg7WB.lean.js => src_ranuts_index.md.BJ436-Wa.lean.js} (97%)
 rename assets/{src_ranuts_mimeType_mimeType.md.Bp_Buc7N.js => src_ranuts_mimeType_mimeType.md.CgbW52XX.js} (98%)
 rename assets/{src_ranuts_mimeType_mimeType.md.Bp_Buc7N.lean.js => src_ranuts_mimeType_mimeType.md.CgbW52XX.lean.js} (98%)
 rename assets/{src_ranuts_mode_subscribe.md.DmGp9s_W.js => src_ranuts_mode_subscribe.md.CBjAEwg0.js} (99%)
 rename assets/{src_ranuts_mode_subscribe.md.DmGp9s_W.lean.js => src_ranuts_mode_subscribe.md.CBjAEwg0.lean.js} (99%)
 rename assets/{src_ranuts_utils_convertImageToBase64.md.CQdNGUWw.js => src_ranuts_utils_convertImageToBase64.md.COMNqW1t.js} (98%)
 rename assets/{src_ranuts_utils_convertImageToBase64.md.CQdNGUWw.lean.js => src_ranuts_utils_convertImageToBase64.md.COMNqW1t.lean.js} (98%)
 rename assets/{src_ranuts_utils_filterObj.md.SUYinD61.js => src_ranuts_utils_filterObj.md.Q_-NUV8p.js} (98%)
 rename assets/{src_ranuts_utils_filterObj.md.SUYinD61.lean.js => src_ranuts_utils_filterObj.md.Q_-NUV8p.lean.js} (98%)
 rename assets/{src_ranuts_utils_formatJson.md.BQjsxBql.js => src_ranuts_utils_formatJson.md.DQX6wWMq.js} (98%)
 rename assets/{src_ranuts_utils_formatJson.md.BQjsxBql.lean.js => src_ranuts_utils_formatJson.md.DQX6wWMq.lean.js} (98%)
 rename assets/{src_ranuts_utils_getCookie.md.glwGRuBT.js => src_ranuts_utils_getCookie.md.CRjg9zYL.js} (98%)
 rename assets/{src_ranuts_utils_getCookie.md.glwGRuBT.lean.js => src_ranuts_utils_getCookie.md.CRjg9zYL.lean.js} (98%)
 rename assets/{src_ranuts_utils_ocr.md.Bac0Ieci.js => src_ranuts_utils_ocr.md.COxYWSg4.js} (98%)
 rename assets/{src_ranuts_utils_ocr.md.Bac0Ieci.lean.js => src_ranuts_utils_ocr.md.COxYWSg4.lean.js} (98%)
 rename assets/{src_ranuts_utils_str2xml.md.BTPyA91O.js => src_ranuts_utils_str2xml.md.84gjZ6IG.js} (98%)
 rename assets/{src_ranuts_utils_str2xml.md.BTPyA91O.lean.js => src_ranuts_utils_str2xml.md.84gjZ6IG.lean.js} (98%)
 rename assets/{src_ranuts_utils_task.md.BA-6r3zJ.js => src_ranuts_utils_task.md.DEROvLOz.js} (99%)
 rename assets/{src_ranuts_utils_task.md.BA-6r3zJ.lean.js => src_ranuts_utils_task.md.DEROvLOz.lean.js} (99%)
 rename "assets/src_types_TS\347\261\273\345\236\213.md.BAdYqP2z.js" => "assets/src_types_TS\347\261\273\345\236\213.md.Du9AK3lr.js" (99%)
 rename "assets/src_types_TS\347\261\273\345\236\213.md.BAdYqP2z.lean.js" => "assets/src_types_TS\347\261\273\345\236\213.md.Du9AK3lr.lean.js" (99%)
 rename "assets/src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.CFNrWo4G.js" => "assets/src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.DO7GM6xX.js" (99%)
 rename "assets/src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.CFNrWo4G.lean.js" => "assets/src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.DO7GM6xX.lean.js" (99%)
 rename "assets/src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.DitU5zkD.js" => "assets/src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.D_oUktxL.js" (99%)
 rename "assets/src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.DitU5zkD.lean.js" => "assets/src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.D_oUktxL.lean.js" (99%)
 rename "assets/src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.BcsCXIM4.js" => "assets/src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.xpfmnY7g.js" (98%)
 rename "assets/src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.BcsCXIM4.lean.js" => "assets/src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.xpfmnY7g.lean.js" (98%)
 delete mode 100644 pagefind/fragment/en_1f28c1c.pf_fragment
 create mode 100644 pagefind/fragment/en_30709d8.pf_fragment
 delete mode 100644 pagefind/fragment/en_324b2ed.pf_fragment
 delete mode 100644 pagefind/fragment/en_3541bef.pf_fragment
 create mode 100644 pagefind/fragment/en_38d8359.pf_fragment
 create mode 100644 pagefind/fragment/en_3df5c5f.pf_fragment
 rename pagefind/fragment/{en_6e7d47a.pf_fragment => en_449b12a.pf_fragment} (96%)
 rename pagefind/fragment/{en_34b032a.pf_fragment => en_5094588.pf_fragment} (78%)
 create mode 100644 pagefind/fragment/en_5861ab4.pf_fragment
 create mode 100644 pagefind/fragment/en_5eef384.pf_fragment
 create mode 100644 pagefind/fragment/en_63cffab.pf_fragment
 delete mode 100644 pagefind/fragment/en_63f4b5c.pf_fragment
 create mode 100644 pagefind/fragment/en_6a9915b.pf_fragment
 create mode 100644 pagefind/fragment/en_7118fbe.pf_fragment
 delete mode 100644 pagefind/fragment/en_78f477e.pf_fragment
 create mode 100644 pagefind/fragment/en_815cbc8.pf_fragment
 delete mode 100644 pagefind/fragment/en_aab3547.pf_fragment
 delete mode 100644 pagefind/fragment/en_af4a67a.pf_fragment
 create mode 100644 pagefind/fragment/en_b110a5b.pf_fragment
 rename pagefind/fragment/{en_7fffa0e.pf_fragment => en_b24f7ef.pf_fragment} (82%)
 rename pagefind/fragment/{en_16d01f2.pf_fragment => en_b7c8c16.pf_fragment} (87%)
 rename pagefind/fragment/{en_6b4c4a9.pf_fragment => en_c2412d4.pf_fragment} (76%)
 delete mode 100644 pagefind/fragment/en_dccebd7.pf_fragment
 delete mode 100644 pagefind/fragment/en_edda142.pf_fragment
 rename pagefind/fragment/{en_70bee3b.pf_fragment => en_ee9f170.pf_fragment} (95%)
 delete mode 100644 pagefind/fragment/en_f575e71.pf_fragment
 rename pagefind/fragment/{zh-cn_8c8e8be.pf_fragment => zh-cn_0ea6667.pf_fragment} (88%)
 create mode 100644 pagefind/fragment/zh-cn_154849c.pf_fragment
 rename pagefind/fragment/{zh-cn_99e62b8.pf_fragment => zh-cn_27c99c4.pf_fragment} (88%)
 delete mode 100644 pagefind/fragment/zh-cn_2bc07af.pf_fragment
 rename pagefind/fragment/{zh-cn_88af4d0.pf_fragment => zh-cn_2c21dbd.pf_fragment} (79%)
 create mode 100644 pagefind/fragment/zh-cn_39da2fe.pf_fragment
 create mode 100644 pagefind/fragment/zh-cn_51bdb63.pf_fragment
 create mode 100644 pagefind/fragment/zh-cn_5584627.pf_fragment
 rename pagefind/fragment/{zh-cn_b2e449c.pf_fragment => zh-cn_565fd27.pf_fragment} (92%)
 rename pagefind/fragment/{zh-cn_af6e5c4.pf_fragment => zh-cn_5ab33e7.pf_fragment} (82%)
 delete mode 100644 pagefind/fragment/zh-cn_5f3328b.pf_fragment
 create mode 100644 pagefind/fragment/zh-cn_68b3659.pf_fragment
 delete mode 100644 pagefind/fragment/zh-cn_69610a7.pf_fragment
 rename pagefind/fragment/{zh-cn_217f9f1.pf_fragment => zh-cn_6df03b5.pf_fragment} (96%)
 create mode 100644 pagefind/fragment/zh-cn_8998463.pf_fragment
 delete mode 100644 pagefind/fragment/zh-cn_8dcd37a.pf_fragment
 delete mode 100644 pagefind/fragment/zh-cn_964a4fd.pf_fragment
 create mode 100644 pagefind/fragment/zh-cn_9879172.pf_fragment
 delete mode 100644 pagefind/fragment/zh-cn_ad77d75.pf_fragment
 delete mode 100644 pagefind/fragment/zh-cn_bc27649.pf_fragment
 rename pagefind/fragment/{zh-cn_82b59c2.pf_fragment => zh-cn_c5d845d.pf_fragment} (85%)
 delete mode 100644 pagefind/fragment/zh-cn_c999918.pf_fragment
 create mode 100644 pagefind/fragment/zh-cn_d388141.pf_fragment
 rename pagefind/fragment/{zh-cn_20933c3.pf_fragment => zh-cn_e6dde39.pf_fragment} (94%)
 rename pagefind/fragment/{zh-cn_f260254.pf_fragment => zh-cn_e831ca8.pf_fragment} (79%)
 delete mode 100644 pagefind/fragment/zh-cn_ec79f02.pf_fragment
 create mode 100644 pagefind/fragment/zh-cn_f2527de.pf_fragment
 create mode 100644 pagefind/pagefind.en_853ef581ec.pf_meta
 delete mode 100644 pagefind/pagefind.en_9aedcc98b3.pf_meta
 delete mode 100644 pagefind/pagefind.zh-cn_5630655c2f3e8.pf_meta
 create mode 100644 pagefind/pagefind.zh-cn_b71a7d8847108.pf_meta
 rename sw1728129561.js => sw1728129796.js (56%)

diff --git a/404.html b/404.html
index 73a2463b90..351d904cf4 100644
--- a/404.html
+++ b/404.html
@@ -33,14 +33,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
     <div id="app"></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/assets/cn_index.md.CC940uHT.js b/assets/cn_index.md.BLhfTKfk.js
similarity index 93%
rename from assets/cn_index.md.CC940uHT.js
rename to assets/cn_index.md.BLhfTKfk.js
index 7315f4785e..c584ff024c 100644
--- a/assets/cn_index.md.CC940uHT.js
+++ b/assets/cn_index.md.BLhfTKfk.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"Home","description":"","frontmatter":{"layout":"home","title":"Home","hero":{"name":"ran","text":"风起于青萍之末","tagline":"A ship in harbor is safe, but that is not what ships are built for.","image":{"src":"/home.svg","alt":"logo"},"actions":[{"theme":"alt","text":"更多详情","link":"https://github.com/chaxus/ran"},{"theme":"alt","text":"访问我的 GitHub","link":"https://github.com/chaxus/ran"}]},"features":[{"icon":"⚡️","title":"记录","details":"每段旅程都有终点"},{"icon":"🛠️","title":"解决","details":"无法衡量，无法改进"},{"icon":"🖖","title":"分享","details":"一个人可以走得很快，一群人可以走的很远"}]},"headers":[],"relativePath":"cn/index.md","filePath":"cn/index.md","lastUpdated":1728129125000}'),i={name:"cn/index.md"};function n(o,s,r,c,l,h){return e(),a("div")}const p=t(i,[["render",n]]);export{m as __pageData,p as default};
+import{_ as t,o as e,c as a}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"Home","description":"","frontmatter":{"layout":"home","title":"Home","hero":{"name":"ran","text":"风起于青萍之末","tagline":"A ship in harbor is safe, but that is not what ships are built for.","image":{"src":"/home.svg","alt":"logo"},"actions":[{"theme":"alt","text":"更多详情","link":"https://github.com/chaxus/ran"},{"theme":"alt","text":"访问我的 GitHub","link":"https://github.com/chaxus/ran"}]},"features":[{"icon":"⚡️","title":"记录","details":"每段旅程都有终点"},{"icon":"🛠️","title":"解决","details":"无法衡量，无法改进"},{"icon":"🖖","title":"分享","details":"一个人可以走得很快，一群人可以走的很远"}]},"headers":[],"relativePath":"cn/index.md","filePath":"cn/index.md","lastUpdated":1728129344000}'),i={name:"cn/index.md"};function n(o,s,r,c,l,h){return e(),a("div")}const p=t(i,[["render",n]]);export{m as __pageData,p as default};
diff --git a/assets/cn_index.md.CC940uHT.lean.js b/assets/cn_index.md.BLhfTKfk.lean.js
similarity index 93%
rename from assets/cn_index.md.CC940uHT.lean.js
rename to assets/cn_index.md.BLhfTKfk.lean.js
index 7315f4785e..c584ff024c 100644
--- a/assets/cn_index.md.CC940uHT.lean.js
+++ b/assets/cn_index.md.BLhfTKfk.lean.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"Home","description":"","frontmatter":{"layout":"home","title":"Home","hero":{"name":"ran","text":"风起于青萍之末","tagline":"A ship in harbor is safe, but that is not what ships are built for.","image":{"src":"/home.svg","alt":"logo"},"actions":[{"theme":"alt","text":"更多详情","link":"https://github.com/chaxus/ran"},{"theme":"alt","text":"访问我的 GitHub","link":"https://github.com/chaxus/ran"}]},"features":[{"icon":"⚡️","title":"记录","details":"每段旅程都有终点"},{"icon":"🛠️","title":"解决","details":"无法衡量，无法改进"},{"icon":"🖖","title":"分享","details":"一个人可以走得很快，一群人可以走的很远"}]},"headers":[],"relativePath":"cn/index.md","filePath":"cn/index.md","lastUpdated":1728129125000}'),i={name:"cn/index.md"};function n(o,s,r,c,l,h){return e(),a("div")}const p=t(i,[["render",n]]);export{m as __pageData,p as default};
+import{_ as t,o as e,c as a}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"Home","description":"","frontmatter":{"layout":"home","title":"Home","hero":{"name":"ran","text":"风起于青萍之末","tagline":"A ship in harbor is safe, but that is not what ships are built for.","image":{"src":"/home.svg","alt":"logo"},"actions":[{"theme":"alt","text":"更多详情","link":"https://github.com/chaxus/ran"},{"theme":"alt","text":"访问我的 GitHub","link":"https://github.com/chaxus/ran"}]},"features":[{"icon":"⚡️","title":"记录","details":"每段旅程都有终点"},{"icon":"🛠️","title":"解决","details":"无法衡量，无法改进"},{"icon":"🖖","title":"分享","details":"一个人可以走得很快，一群人可以走的很远"}]},"headers":[],"relativePath":"cn/index.md","filePath":"cn/index.md","lastUpdated":1728129344000}'),i={name:"cn/index.md"};function n(o,s,r,c,l,h){return e(),a("div")}const p=t(i,[["render",n]]);export{m as __pageData,p as default};
diff --git a/assets/cn_src_article_astParse_tokenizer.md.CbTsq3qg.js b/assets/cn_src_article_astParse_tokenizer.md.fRsPjbrs.js
similarity index 99%
rename from assets/cn_src_article_astParse_tokenizer.md.CbTsq3qg.js
rename to assets/cn_src_article_astParse_tokenizer.md.fRsPjbrs.js
index d296c1fcf1..928b96f1b2 100644
--- a/assets/cn_src_article_astParse_tokenizer.md.CbTsq3qg.js
+++ b/assets/cn_src_article_astParse_tokenizer.md.fRsPjbrs.js
@@ -1,4 +1,4 @@
-import{_ as a,a as n,b as h,c as p,d as k,e as t,f as l,g as e,h as d,i as E,j as r,k as g,l as c,m as i,n as y}from"./chunks/extra.Cu56q3CZ.js";import{_ as o,o as F,c as C,a3 as A}from"./chunks/framework.eq-HTtE3.js";const S=JSON.parse('{"title":"Abstract Syntax Tree","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/astParse/tokenizer.md","filePath":"cn/src/article/astParse/tokenizer.md","lastUpdated":1728129125000}'),u={name:"cn/src/article/astParse/tokenizer.md"};function D(B,s,m,b,v,T){return F(),C("div",{"data-pagefind-body":!0},s[0]||(s[0]=[A('<h1 id="abstract-syntax-tree" tabindex="-1">Abstract Syntax Tree <a class="header-anchor" href="#abstract-syntax-tree" aria-label="Permalink to &quot;Abstract Syntax Tree&quot;">​</a></h1><h2 id="一-abstract-syntax-tree-抽象语法树的作用" tabindex="-1">一.（<code>abstract syntax tree</code>）抽象语法树的作用 <a class="header-anchor" href="#一-abstract-syntax-tree-抽象语法树的作用" aria-label="Permalink to &quot;一.（`abstract syntax tree`）抽象语法树的作用&quot;">​</a></h2><p>源码是一串按照语法格式来组织的字符串，人能够认识，但是计算机并不认识，想让计算机认识就要转成一种数据结构，通过不同的对象来保存不同的数据，并且按照依赖关系组织起来，这种数据结构就是抽象语法树（<code>abstract syntax tree</code>）。</p><p>之所以叫“抽象”语法树是因为数据结构中省略掉了一些无具体意义的分隔符比如 <code>; { }</code> 等。</p><p>有了 <code>AST</code>，计算机就能理解源码字符串的意思，而理解是能够转换的前提，所以编译的第一步需要把源码 <code>parse</code> 成 <code>AST</code>。</p><p>转成 <code>AST</code> 之后就可以通过修改 <code>AST</code> ，分析 <code>AST</code> 的方式来修改和分析代码，比如 <code>babel</code> 就通过这种方式进行代码的转换，比如 <code>rollup</code> 的 <code>Tree Shaking</code> ，就是通过分析 <code>AST</code>的 导入导出语法，从而分析出没有使用的代码，进行去除。</p><h2 id="二。常见的-ast-节点" tabindex="-1">二。常见的 AST 节点 <a class="header-anchor" href="#二。常见的-ast-节点" aria-label="Permalink to &quot;二。常见的 AST 节点&quot;">​</a></h2><p>常见的 AST 节点 AST 是对源码的抽象，字面量、标识符、表达式、语句、模块语法、class 语法都有各自的 AST。</p><p>我们分别来了解一下：</p><h3 id="literal" tabindex="-1">Literal <a class="header-anchor" href="#literal" aria-label="Permalink to &quot;Literal&quot;">​</a></h3><p><code>Literal</code> 是字面量的意思，比如 <code>let name = &#39;value&#39;</code>中，<code>&#39;value&#39;</code>就是一个字符串字面量 <code>StringLiteral</code>，相应的还有数字字面量 <code>NumericLiteral</code>，布尔字面量 <code>BooleanLiteral</code>，字符串字面量 <code>StringLiteral</code>，正则表达式字面量 <code>RegExpLiteral</code> 等。</p><p>下面这些字面量都有对应的 <code>Literal</code> 节点：</p><p><img src="'+a+`" alt=""></p><p>代码中的字面量很多，<code>babel</code> 就是通过 <code>xxLiteral</code> 来抽象这部分内容的。</p><h3 id="identifier" tabindex="-1">Identifier <a class="header-anchor" href="#identifier" aria-label="Permalink to &quot;Identifier&quot;">​</a></h3><p><code>Identifer</code> 是标识符的意思，变量名、属性名、参数名等各种声明和引用的名字，都是<code>Identifer</code>。</p><p>我们知道， <code>JS</code> 中的标识符只能包含字母或数字或下划线 <code>（“_”）</code> 或美元符号 <code>（“$”）</code> ，且不能以数字开头。这是 <code>Identifier</code> 的词法特点。</p><p>尝试分析一下，下面这一段代码里面有多少 <code>Identifier</code> 呢？</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as a,a as n,b as h,c as p,d as k,e as t,f as l,g as e,h as d,i as E,j as r,k as g,l as c,m as i,n as y}from"./chunks/extra.Cu56q3CZ.js";import{_ as o,o as F,c as C,a3 as A}from"./chunks/framework.eq-HTtE3.js";const S=JSON.parse('{"title":"Abstract Syntax Tree","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/astParse/tokenizer.md","filePath":"cn/src/article/astParse/tokenizer.md","lastUpdated":1728129344000}'),u={name:"cn/src/article/astParse/tokenizer.md"};function D(B,s,m,b,v,T){return F(),C("div",{"data-pagefind-body":!0},s[0]||(s[0]=[A('<h1 id="abstract-syntax-tree" tabindex="-1">Abstract Syntax Tree <a class="header-anchor" href="#abstract-syntax-tree" aria-label="Permalink to &quot;Abstract Syntax Tree&quot;">​</a></h1><h2 id="一-abstract-syntax-tree-抽象语法树的作用" tabindex="-1">一.（<code>abstract syntax tree</code>）抽象语法树的作用 <a class="header-anchor" href="#一-abstract-syntax-tree-抽象语法树的作用" aria-label="Permalink to &quot;一.（`abstract syntax tree`）抽象语法树的作用&quot;">​</a></h2><p>源码是一串按照语法格式来组织的字符串，人能够认识，但是计算机并不认识，想让计算机认识就要转成一种数据结构，通过不同的对象来保存不同的数据，并且按照依赖关系组织起来，这种数据结构就是抽象语法树（<code>abstract syntax tree</code>）。</p><p>之所以叫“抽象”语法树是因为数据结构中省略掉了一些无具体意义的分隔符比如 <code>; { }</code> 等。</p><p>有了 <code>AST</code>，计算机就能理解源码字符串的意思，而理解是能够转换的前提，所以编译的第一步需要把源码 <code>parse</code> 成 <code>AST</code>。</p><p>转成 <code>AST</code> 之后就可以通过修改 <code>AST</code> ，分析 <code>AST</code> 的方式来修改和分析代码，比如 <code>babel</code> 就通过这种方式进行代码的转换，比如 <code>rollup</code> 的 <code>Tree Shaking</code> ，就是通过分析 <code>AST</code>的 导入导出语法，从而分析出没有使用的代码，进行去除。</p><h2 id="二。常见的-ast-节点" tabindex="-1">二。常见的 AST 节点 <a class="header-anchor" href="#二。常见的-ast-节点" aria-label="Permalink to &quot;二。常见的 AST 节点&quot;">​</a></h2><p>常见的 AST 节点 AST 是对源码的抽象，字面量、标识符、表达式、语句、模块语法、class 语法都有各自的 AST。</p><p>我们分别来了解一下：</p><h3 id="literal" tabindex="-1">Literal <a class="header-anchor" href="#literal" aria-label="Permalink to &quot;Literal&quot;">​</a></h3><p><code>Literal</code> 是字面量的意思，比如 <code>let name = &#39;value&#39;</code>中，<code>&#39;value&#39;</code>就是一个字符串字面量 <code>StringLiteral</code>，相应的还有数字字面量 <code>NumericLiteral</code>，布尔字面量 <code>BooleanLiteral</code>，字符串字面量 <code>StringLiteral</code>，正则表达式字面量 <code>RegExpLiteral</code> 等。</p><p>下面这些字面量都有对应的 <code>Literal</code> 节点：</p><p><img src="'+a+`" alt=""></p><p>代码中的字面量很多，<code>babel</code> 就是通过 <code>xxLiteral</code> 来抽象这部分内容的。</p><h3 id="identifier" tabindex="-1">Identifier <a class="header-anchor" href="#identifier" aria-label="Permalink to &quot;Identifier&quot;">​</a></h3><p><code>Identifer</code> 是标识符的意思，变量名、属性名、参数名等各种声明和引用的名字，都是<code>Identifer</code>。</p><p>我们知道， <code>JS</code> 中的标识符只能包含字母或数字或下划线 <code>（“_”）</code> 或美元符号 <code>（“$”）</code> ，且不能以数字开头。这是 <code>Identifier</code> 的词法特点。</p><p>尝试分析一下，下面这一段代码里面有多少 <code>Identifier</code> 呢？</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> say</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(name);</span></span>
diff --git a/assets/cn_src_article_astParse_tokenizer.md.CbTsq3qg.lean.js b/assets/cn_src_article_astParse_tokenizer.md.fRsPjbrs.lean.js
similarity index 99%
rename from assets/cn_src_article_astParse_tokenizer.md.CbTsq3qg.lean.js
rename to assets/cn_src_article_astParse_tokenizer.md.fRsPjbrs.lean.js
index d296c1fcf1..928b96f1b2 100644
--- a/assets/cn_src_article_astParse_tokenizer.md.CbTsq3qg.lean.js
+++ b/assets/cn_src_article_astParse_tokenizer.md.fRsPjbrs.lean.js
@@ -1,4 +1,4 @@
-import{_ as a,a as n,b as h,c as p,d as k,e as t,f as l,g as e,h as d,i as E,j as r,k as g,l as c,m as i,n as y}from"./chunks/extra.Cu56q3CZ.js";import{_ as o,o as F,c as C,a3 as A}from"./chunks/framework.eq-HTtE3.js";const S=JSON.parse('{"title":"Abstract Syntax Tree","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/astParse/tokenizer.md","filePath":"cn/src/article/astParse/tokenizer.md","lastUpdated":1728129125000}'),u={name:"cn/src/article/astParse/tokenizer.md"};function D(B,s,m,b,v,T){return F(),C("div",{"data-pagefind-body":!0},s[0]||(s[0]=[A('<h1 id="abstract-syntax-tree" tabindex="-1">Abstract Syntax Tree <a class="header-anchor" href="#abstract-syntax-tree" aria-label="Permalink to &quot;Abstract Syntax Tree&quot;">​</a></h1><h2 id="一-abstract-syntax-tree-抽象语法树的作用" tabindex="-1">一.（<code>abstract syntax tree</code>）抽象语法树的作用 <a class="header-anchor" href="#一-abstract-syntax-tree-抽象语法树的作用" aria-label="Permalink to &quot;一.（`abstract syntax tree`）抽象语法树的作用&quot;">​</a></h2><p>源码是一串按照语法格式来组织的字符串，人能够认识，但是计算机并不认识，想让计算机认识就要转成一种数据结构，通过不同的对象来保存不同的数据，并且按照依赖关系组织起来，这种数据结构就是抽象语法树（<code>abstract syntax tree</code>）。</p><p>之所以叫“抽象”语法树是因为数据结构中省略掉了一些无具体意义的分隔符比如 <code>; { }</code> 等。</p><p>有了 <code>AST</code>，计算机就能理解源码字符串的意思，而理解是能够转换的前提，所以编译的第一步需要把源码 <code>parse</code> 成 <code>AST</code>。</p><p>转成 <code>AST</code> 之后就可以通过修改 <code>AST</code> ，分析 <code>AST</code> 的方式来修改和分析代码，比如 <code>babel</code> 就通过这种方式进行代码的转换，比如 <code>rollup</code> 的 <code>Tree Shaking</code> ，就是通过分析 <code>AST</code>的 导入导出语法，从而分析出没有使用的代码，进行去除。</p><h2 id="二。常见的-ast-节点" tabindex="-1">二。常见的 AST 节点 <a class="header-anchor" href="#二。常见的-ast-节点" aria-label="Permalink to &quot;二。常见的 AST 节点&quot;">​</a></h2><p>常见的 AST 节点 AST 是对源码的抽象，字面量、标识符、表达式、语句、模块语法、class 语法都有各自的 AST。</p><p>我们分别来了解一下：</p><h3 id="literal" tabindex="-1">Literal <a class="header-anchor" href="#literal" aria-label="Permalink to &quot;Literal&quot;">​</a></h3><p><code>Literal</code> 是字面量的意思，比如 <code>let name = &#39;value&#39;</code>中，<code>&#39;value&#39;</code>就是一个字符串字面量 <code>StringLiteral</code>，相应的还有数字字面量 <code>NumericLiteral</code>，布尔字面量 <code>BooleanLiteral</code>，字符串字面量 <code>StringLiteral</code>，正则表达式字面量 <code>RegExpLiteral</code> 等。</p><p>下面这些字面量都有对应的 <code>Literal</code> 节点：</p><p><img src="'+a+`" alt=""></p><p>代码中的字面量很多，<code>babel</code> 就是通过 <code>xxLiteral</code> 来抽象这部分内容的。</p><h3 id="identifier" tabindex="-1">Identifier <a class="header-anchor" href="#identifier" aria-label="Permalink to &quot;Identifier&quot;">​</a></h3><p><code>Identifer</code> 是标识符的意思，变量名、属性名、参数名等各种声明和引用的名字，都是<code>Identifer</code>。</p><p>我们知道， <code>JS</code> 中的标识符只能包含字母或数字或下划线 <code>（“_”）</code> 或美元符号 <code>（“$”）</code> ，且不能以数字开头。这是 <code>Identifier</code> 的词法特点。</p><p>尝试分析一下，下面这一段代码里面有多少 <code>Identifier</code> 呢？</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as a,a as n,b as h,c as p,d as k,e as t,f as l,g as e,h as d,i as E,j as r,k as g,l as c,m as i,n as y}from"./chunks/extra.Cu56q3CZ.js";import{_ as o,o as F,c as C,a3 as A}from"./chunks/framework.eq-HTtE3.js";const S=JSON.parse('{"title":"Abstract Syntax Tree","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/astParse/tokenizer.md","filePath":"cn/src/article/astParse/tokenizer.md","lastUpdated":1728129344000}'),u={name:"cn/src/article/astParse/tokenizer.md"};function D(B,s,m,b,v,T){return F(),C("div",{"data-pagefind-body":!0},s[0]||(s[0]=[A('<h1 id="abstract-syntax-tree" tabindex="-1">Abstract Syntax Tree <a class="header-anchor" href="#abstract-syntax-tree" aria-label="Permalink to &quot;Abstract Syntax Tree&quot;">​</a></h1><h2 id="一-abstract-syntax-tree-抽象语法树的作用" tabindex="-1">一.（<code>abstract syntax tree</code>）抽象语法树的作用 <a class="header-anchor" href="#一-abstract-syntax-tree-抽象语法树的作用" aria-label="Permalink to &quot;一.（`abstract syntax tree`）抽象语法树的作用&quot;">​</a></h2><p>源码是一串按照语法格式来组织的字符串，人能够认识，但是计算机并不认识，想让计算机认识就要转成一种数据结构，通过不同的对象来保存不同的数据，并且按照依赖关系组织起来，这种数据结构就是抽象语法树（<code>abstract syntax tree</code>）。</p><p>之所以叫“抽象”语法树是因为数据结构中省略掉了一些无具体意义的分隔符比如 <code>; { }</code> 等。</p><p>有了 <code>AST</code>，计算机就能理解源码字符串的意思，而理解是能够转换的前提，所以编译的第一步需要把源码 <code>parse</code> 成 <code>AST</code>。</p><p>转成 <code>AST</code> 之后就可以通过修改 <code>AST</code> ，分析 <code>AST</code> 的方式来修改和分析代码，比如 <code>babel</code> 就通过这种方式进行代码的转换，比如 <code>rollup</code> 的 <code>Tree Shaking</code> ，就是通过分析 <code>AST</code>的 导入导出语法，从而分析出没有使用的代码，进行去除。</p><h2 id="二。常见的-ast-节点" tabindex="-1">二。常见的 AST 节点 <a class="header-anchor" href="#二。常见的-ast-节点" aria-label="Permalink to &quot;二。常见的 AST 节点&quot;">​</a></h2><p>常见的 AST 节点 AST 是对源码的抽象，字面量、标识符、表达式、语句、模块语法、class 语法都有各自的 AST。</p><p>我们分别来了解一下：</p><h3 id="literal" tabindex="-1">Literal <a class="header-anchor" href="#literal" aria-label="Permalink to &quot;Literal&quot;">​</a></h3><p><code>Literal</code> 是字面量的意思，比如 <code>let name = &#39;value&#39;</code>中，<code>&#39;value&#39;</code>就是一个字符串字面量 <code>StringLiteral</code>，相应的还有数字字面量 <code>NumericLiteral</code>，布尔字面量 <code>BooleanLiteral</code>，字符串字面量 <code>StringLiteral</code>，正则表达式字面量 <code>RegExpLiteral</code> 等。</p><p>下面这些字面量都有对应的 <code>Literal</code> 节点：</p><p><img src="'+a+`" alt=""></p><p>代码中的字面量很多，<code>babel</code> 就是通过 <code>xxLiteral</code> 来抽象这部分内容的。</p><h3 id="identifier" tabindex="-1">Identifier <a class="header-anchor" href="#identifier" aria-label="Permalink to &quot;Identifier&quot;">​</a></h3><p><code>Identifer</code> 是标识符的意思，变量名、属性名、参数名等各种声明和引用的名字，都是<code>Identifer</code>。</p><p>我们知道， <code>JS</code> 中的标识符只能包含字母或数字或下划线 <code>（“_”）</code> 或美元符号 <code>（“$”）</code> ，且不能以数字开头。这是 <code>Identifier</code> 的词法特点。</p><p>尝试分析一下，下面这一段代码里面有多少 <code>Identifier</code> 呢？</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> say</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(name);</span></span>
diff --git a/assets/cn_src_article_babel.md.Bb4oNZ50.js b/assets/cn_src_article_babel.md.igUT7dgP.js
similarity index 95%
rename from assets/cn_src_article_babel.md.Bb4oNZ50.js
rename to assets/cn_src_article_babel.md.igUT7dgP.js
index a3d556a40e..c70391f37f 100644
--- a/assets/cn_src_article_babel.md.Bb4oNZ50.js
+++ b/assets/cn_src_article_babel.md.igUT7dgP.js
@@ -1 +1 @@
-import{_ as a,o as t,c as l,a3 as r}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"Babel","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/babel.md","filePath":"cn/src/article/babel.md","lastUpdated":1728129125000}'),i={name:"cn/src/article/babel.md"};function s(b,e,o,c,p,n){return t(),l("div",{"data-pagefind-body":!0},e[0]||(e[0]=[r('<h1 id="babel" tabindex="-1">Babel <a class="header-anchor" href="#babel" aria-label="Permalink to &quot;Babel&quot;">​</a></h1><p>babel 核心库主要是：</p><ul><li>@babel/parser 对源码进行 parse，可以通过 plugins、sourceType 等来指定 parse 语法，功能是把源码转成 AST。</li><li>@babel/traverse 通过 visitor 函数对遍历到的 ast 进行处理，分为 enter 和 exit 两个阶段，具体操作 AST 使用 path 的 api，还可以通过 state 来在遍历过程中传递一些数据</li><li>@babel/types 用于创建、判断 AST 节点，提供了 xxx、isXxx、assertXxx 的 api</li><li>@babel/template 当需要批量创建 AST 的时候可以使用 @babel/template 来简化 AST 创建逻辑。</li><li>@babel/code-frame 可以创建友好的报错信息</li><li>@babel/generator 打印 AST 成目标代码字符串，支持 comments、minified、sourceMaps 等选项。</li><li>@babel/core 基于上面的包来完成 babel 的编译流程，并应用 plugin 和 preset。</li></ul>',3)]))}const u=a(i,[["render",s]]);export{m as __pageData,u as default};
+import{_ as a,o as t,c as l,a3 as r}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"Babel","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/babel.md","filePath":"cn/src/article/babel.md","lastUpdated":1728129344000}'),i={name:"cn/src/article/babel.md"};function s(b,e,o,c,p,n){return t(),l("div",{"data-pagefind-body":!0},e[0]||(e[0]=[r('<h1 id="babel" tabindex="-1">Babel <a class="header-anchor" href="#babel" aria-label="Permalink to &quot;Babel&quot;">​</a></h1><p>babel 核心库主要是：</p><ul><li>@babel/parser 对源码进行 parse，可以通过 plugins、sourceType 等来指定 parse 语法，功能是把源码转成 AST。</li><li>@babel/traverse 通过 visitor 函数对遍历到的 ast 进行处理，分为 enter 和 exit 两个阶段，具体操作 AST 使用 path 的 api，还可以通过 state 来在遍历过程中传递一些数据</li><li>@babel/types 用于创建、判断 AST 节点，提供了 xxx、isXxx、assertXxx 的 api</li><li>@babel/template 当需要批量创建 AST 的时候可以使用 @babel/template 来简化 AST 创建逻辑。</li><li>@babel/code-frame 可以创建友好的报错信息</li><li>@babel/generator 打印 AST 成目标代码字符串，支持 comments、minified、sourceMaps 等选项。</li><li>@babel/core 基于上面的包来完成 babel 的编译流程，并应用 plugin 和 preset。</li></ul>',3)]))}const u=a(i,[["render",s]]);export{m as __pageData,u as default};
diff --git a/assets/cn_src_article_babel.md.Bb4oNZ50.lean.js b/assets/cn_src_article_babel.md.igUT7dgP.lean.js
similarity index 95%
rename from assets/cn_src_article_babel.md.Bb4oNZ50.lean.js
rename to assets/cn_src_article_babel.md.igUT7dgP.lean.js
index a3d556a40e..c70391f37f 100644
--- a/assets/cn_src_article_babel.md.Bb4oNZ50.lean.js
+++ b/assets/cn_src_article_babel.md.igUT7dgP.lean.js
@@ -1 +1 @@
-import{_ as a,o as t,c as l,a3 as r}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"Babel","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/babel.md","filePath":"cn/src/article/babel.md","lastUpdated":1728129125000}'),i={name:"cn/src/article/babel.md"};function s(b,e,o,c,p,n){return t(),l("div",{"data-pagefind-body":!0},e[0]||(e[0]=[r('<h1 id="babel" tabindex="-1">Babel <a class="header-anchor" href="#babel" aria-label="Permalink to &quot;Babel&quot;">​</a></h1><p>babel 核心库主要是：</p><ul><li>@babel/parser 对源码进行 parse，可以通过 plugins、sourceType 等来指定 parse 语法，功能是把源码转成 AST。</li><li>@babel/traverse 通过 visitor 函数对遍历到的 ast 进行处理，分为 enter 和 exit 两个阶段，具体操作 AST 使用 path 的 api，还可以通过 state 来在遍历过程中传递一些数据</li><li>@babel/types 用于创建、判断 AST 节点，提供了 xxx、isXxx、assertXxx 的 api</li><li>@babel/template 当需要批量创建 AST 的时候可以使用 @babel/template 来简化 AST 创建逻辑。</li><li>@babel/code-frame 可以创建友好的报错信息</li><li>@babel/generator 打印 AST 成目标代码字符串，支持 comments、minified、sourceMaps 等选项。</li><li>@babel/core 基于上面的包来完成 babel 的编译流程，并应用 plugin 和 preset。</li></ul>',3)]))}const u=a(i,[["render",s]]);export{m as __pageData,u as default};
+import{_ as a,o as t,c as l,a3 as r}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"Babel","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/babel.md","filePath":"cn/src/article/babel.md","lastUpdated":1728129344000}'),i={name:"cn/src/article/babel.md"};function s(b,e,o,c,p,n){return t(),l("div",{"data-pagefind-body":!0},e[0]||(e[0]=[r('<h1 id="babel" tabindex="-1">Babel <a class="header-anchor" href="#babel" aria-label="Permalink to &quot;Babel&quot;">​</a></h1><p>babel 核心库主要是：</p><ul><li>@babel/parser 对源码进行 parse，可以通过 plugins、sourceType 等来指定 parse 语法，功能是把源码转成 AST。</li><li>@babel/traverse 通过 visitor 函数对遍历到的 ast 进行处理，分为 enter 和 exit 两个阶段，具体操作 AST 使用 path 的 api，还可以通过 state 来在遍历过程中传递一些数据</li><li>@babel/types 用于创建、判断 AST 节点，提供了 xxx、isXxx、assertXxx 的 api</li><li>@babel/template 当需要批量创建 AST 的时候可以使用 @babel/template 来简化 AST 创建逻辑。</li><li>@babel/code-frame 可以创建友好的报错信息</li><li>@babel/generator 打印 AST 成目标代码字符串，支持 comments、minified、sourceMaps 等选项。</li><li>@babel/core 基于上面的包来完成 babel 的编译流程，并应用 plugin 和 preset。</li></ul>',3)]))}const u=a(i,[["render",s]]);export{m as __pageData,u as default};
diff --git a/assets/cn_src_article_bundle.md.BgkzbBow.js b/assets/cn_src_article_bundle.md.DQFZ3YRD.js
similarity index 94%
rename from assets/cn_src_article_bundle.md.BgkzbBow.js
rename to assets/cn_src_article_bundle.md.DQFZ3YRD.js
index c3171f45fe..d1e9523d4b 100644
--- a/assets/cn_src_article_bundle.md.BgkzbBow.js
+++ b/assets/cn_src_article_bundle.md.DQFZ3YRD.js
@@ -1 +1 @@
-import{_ as a,o as n,c as t,j as e,a as r}from"./chunks/framework.eq-HTtE3.js";const f=JSON.parse('{"title":"Bundle","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/bundle.md","filePath":"cn/src/article/bundle.md","lastUpdated":1728129125000}'),d={name:"cn/src/article/bundle.md"};function c(s,l,i,o,u,p){return n(),t("div",{"data-pagefind-body":!0},l[0]||(l[0]=[e("h1",{id:"bundle",tabindex:"-1"},[r("Bundle "),e("a",{class:"header-anchor",href:"#bundle","aria-label":'Permalink to "Bundle"'},"​")],-1),e("p",null,"Bundle 的本质就是输入，转换，输出。在机器上直接运行的代码，往往都难以维护和理解，我们需要将开发者方便理解和维护的代码，通过打包等工具转换成方便机器或者程序使用的代码。对于 web 前端来说，打包工具，至少需要以下功能：",-1),e("ul",null,[e("li",null,"编译能力"),e("li",null,"插件机制"),e("li",null,"HMR"),e("li",null,"cli 和命令行能力")],-1)]))}const m=a(d,[["render",c]]);export{f as __pageData,m as default};
+import{_ as a,o as n,c as t,j as e,a as r}from"./chunks/framework.eq-HTtE3.js";const f=JSON.parse('{"title":"Bundle","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/bundle.md","filePath":"cn/src/article/bundle.md","lastUpdated":1728129344000}'),d={name:"cn/src/article/bundle.md"};function c(s,l,i,o,u,p){return n(),t("div",{"data-pagefind-body":!0},l[0]||(l[0]=[e("h1",{id:"bundle",tabindex:"-1"},[r("Bundle "),e("a",{class:"header-anchor",href:"#bundle","aria-label":'Permalink to "Bundle"'},"​")],-1),e("p",null,"Bundle 的本质就是输入，转换，输出。在机器上直接运行的代码，往往都难以维护和理解，我们需要将开发者方便理解和维护的代码，通过打包等工具转换成方便机器或者程序使用的代码。对于 web 前端来说，打包工具，至少需要以下功能：",-1),e("ul",null,[e("li",null,"编译能力"),e("li",null,"插件机制"),e("li",null,"HMR"),e("li",null,"cli 和命令行能力")],-1)]))}const m=a(d,[["render",c]]);export{f as __pageData,m as default};
diff --git a/assets/cn_src_article_bundle.md.BgkzbBow.lean.js b/assets/cn_src_article_bundle.md.DQFZ3YRD.lean.js
similarity index 94%
rename from assets/cn_src_article_bundle.md.BgkzbBow.lean.js
rename to assets/cn_src_article_bundle.md.DQFZ3YRD.lean.js
index c3171f45fe..d1e9523d4b 100644
--- a/assets/cn_src_article_bundle.md.BgkzbBow.lean.js
+++ b/assets/cn_src_article_bundle.md.DQFZ3YRD.lean.js
@@ -1 +1 @@
-import{_ as a,o as n,c as t,j as e,a as r}from"./chunks/framework.eq-HTtE3.js";const f=JSON.parse('{"title":"Bundle","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/bundle.md","filePath":"cn/src/article/bundle.md","lastUpdated":1728129125000}'),d={name:"cn/src/article/bundle.md"};function c(s,l,i,o,u,p){return n(),t("div",{"data-pagefind-body":!0},l[0]||(l[0]=[e("h1",{id:"bundle",tabindex:"-1"},[r("Bundle "),e("a",{class:"header-anchor",href:"#bundle","aria-label":'Permalink to "Bundle"'},"​")],-1),e("p",null,"Bundle 的本质就是输入，转换，输出。在机器上直接运行的代码，往往都难以维护和理解，我们需要将开发者方便理解和维护的代码，通过打包等工具转换成方便机器或者程序使用的代码。对于 web 前端来说，打包工具，至少需要以下功能：",-1),e("ul",null,[e("li",null,"编译能力"),e("li",null,"插件机制"),e("li",null,"HMR"),e("li",null,"cli 和命令行能力")],-1)]))}const m=a(d,[["render",c]]);export{f as __pageData,m as default};
+import{_ as a,o as n,c as t,j as e,a as r}from"./chunks/framework.eq-HTtE3.js";const f=JSON.parse('{"title":"Bundle","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/bundle.md","filePath":"cn/src/article/bundle.md","lastUpdated":1728129344000}'),d={name:"cn/src/article/bundle.md"};function c(s,l,i,o,u,p){return n(),t("div",{"data-pagefind-body":!0},l[0]||(l[0]=[e("h1",{id:"bundle",tabindex:"-1"},[r("Bundle "),e("a",{class:"header-anchor",href:"#bundle","aria-label":'Permalink to "Bundle"'},"​")],-1),e("p",null,"Bundle 的本质就是输入，转换，输出。在机器上直接运行的代码，往往都难以维护和理解，我们需要将开发者方便理解和维护的代码，通过打包等工具转换成方便机器或者程序使用的代码。对于 web 前端来说，打包工具，至少需要以下功能：",-1),e("ul",null,[e("li",null,"编译能力"),e("li",null,"插件机制"),e("li",null,"HMR"),e("li",null,"cli 和命令行能力")],-1)]))}const m=a(d,[["render",c]]);export{f as __pageData,m as default};
diff --git a/assets/cn_src_article_designMode.md.BzjcnDMg.js b/assets/cn_src_article_designMode.md.B2Mi_NTb.js
similarity index 99%
rename from assets/cn_src_article_designMode.md.BzjcnDMg.js
rename to assets/cn_src_article_designMode.md.B2Mi_NTb.js
index 67d0d52b2a..d4566cc4ae 100644
--- a/assets/cn_src_article_designMode.md.BzjcnDMg.js
+++ b/assets/cn_src_article_designMode.md.B2Mi_NTb.js
@@ -1,4 +1,4 @@
-import{_ as i,a,b as n,c as h,d as l,e as k,f as p,g as t,h as e,i as E,j as r,k as d,l as g,m as y,n as F,o as c,p as o,q as C,r as B,s as A,t as D,u,v as b,w as m,x as v,y as f,z as x,A as _,B as q}from"./chunks/访问者._0swtoJg.js";import{_ as P,o as w,c as j,a3 as M}from"./chunks/framework.eq-HTtE3.js";const W=JSON.parse('{"title":"23 种经典设计模式","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/designMode.md","filePath":"cn/src/article/designMode.md","lastUpdated":1728129125000}'),S={name:"cn/src/article/designMode.md"};function T(L,s,V,I,N,O){return w(),j("div",{"data-pagefind-body":!0},s[0]||(s[0]=[M(`<h1 id="_23-种经典设计模式" tabindex="-1">23 种经典设计模式 <a class="header-anchor" href="#_23-种经典设计模式" aria-label="Permalink to &quot;23 种经典设计模式&quot;">​</a></h1><blockquote><p>设计模式 <code>Design Pattern</code> 是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结，使用设计模式是为了可重用代码、让代码更容易被他人理解并且保证代码可靠性。。</p></blockquote><p>在《设计模式：可复用面向对象软件的基础》一书中所介绍的 23 种经典设计模式，不过设计模式并不仅仅只有这 23 种，随着软件开发行业的发展，越来越多的新模式不断诞生并得以应用。有经验的开发者在学习设计模式可以和过往的经验互相印证，更容易理解这些设计模式。</p><p>设计模式一般包含模式名称、问题、目的、解决方案、效果等组成要素。问题描述了应该在何时使用模式，它包含了设计中存在的问题以及问题存在的原因。解决方案描述了一个设计模式的组成成分，以及这些组成成分之间的相互关系，各自的职责和协作方式，通常解决方案通过 <code>UML</code> 类图和核心代码来进行描述。效果描述了模式的优缺点以及在使用模式时应权衡的问题。</p><p><strong>为什么要学习设计模式</strong>:</p><ul><li><p>设计模式来源众多专家的经验和智慧，它们是从许多优秀的软件系统中总结出的成功的、能够实现可维护性复用的设计方案，使用这些方案将可以让我们避免做一些重复性的工作</p></li><li><p>设计模式提供了一套通用的设计词汇和一种通用的形式来方便开发人员之间沟通和交流，使得设计方案更加通俗易懂</p></li><li><p>大部分设计模式都兼顾了系统的可重用性和可扩展性，这使得我们可以更好地重用一些已有的设计方案、功能模块甚至一个完整的软件系统，避免我们经常做一些重复的设计、编写一些重复的代码</p></li><li><p>合理使用设计模式并对设计模式的使用情况进行文档化，将有助于别人更快地理解系统</p></li><li><p>学习设计模式将有助于初学者更加深入地理解面向对象思想</p></li></ul><p><strong>储备知识</strong>：</p><ul><li><p>抽象类：一般抽象类都是作为基类，比如说「电脑」就可以作为一个抽象类，根据抽象类派生出「台式电脑」和「笔记本电脑」2 种具体类。一般不对抽象类进行实例化。</p></li><li><p>组合优于继承：不能滥用继承来拓展功能，配合组合会更灵活。同样拿「电脑」抽象类来举例，如果使用继承，区分不同类型的「电脑」我们可以派生出「台式电脑」和「笔记本电脑」，如果再增加一个维度，根据品牌又能继续细分出「联想台式电脑」、「联想笔记本电脑」、「苹果台式电脑」和「苹果笔记本电脑」等等，如果再增加一个维度继续细分下去，显然继承是无法胜任的。这个时候可以使用继承加组合方式，组合的对象也可以进行抽象化设计：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 品牌</span></span>
+import{_ as i,a,b as n,c as h,d as l,e as k,f as p,g as t,h as e,i as E,j as r,k as d,l as g,m as y,n as F,o as c,p as o,q as C,r as B,s as A,t as D,u,v as b,w as m,x as v,y as f,z as x,A as _,B as q}from"./chunks/访问者._0swtoJg.js";import{_ as P,o as w,c as j,a3 as M}from"./chunks/framework.eq-HTtE3.js";const W=JSON.parse('{"title":"23 种经典设计模式","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/designMode.md","filePath":"cn/src/article/designMode.md","lastUpdated":1728129344000}'),S={name:"cn/src/article/designMode.md"};function T(L,s,V,I,N,O){return w(),j("div",{"data-pagefind-body":!0},s[0]||(s[0]=[M(`<h1 id="_23-种经典设计模式" tabindex="-1">23 种经典设计模式 <a class="header-anchor" href="#_23-种经典设计模式" aria-label="Permalink to &quot;23 种经典设计模式&quot;">​</a></h1><blockquote><p>设计模式 <code>Design Pattern</code> 是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结，使用设计模式是为了可重用代码、让代码更容易被他人理解并且保证代码可靠性。。</p></blockquote><p>在《设计模式：可复用面向对象软件的基础》一书中所介绍的 23 种经典设计模式，不过设计模式并不仅仅只有这 23 种，随着软件开发行业的发展，越来越多的新模式不断诞生并得以应用。有经验的开发者在学习设计模式可以和过往的经验互相印证，更容易理解这些设计模式。</p><p>设计模式一般包含模式名称、问题、目的、解决方案、效果等组成要素。问题描述了应该在何时使用模式，它包含了设计中存在的问题以及问题存在的原因。解决方案描述了一个设计模式的组成成分，以及这些组成成分之间的相互关系，各自的职责和协作方式，通常解决方案通过 <code>UML</code> 类图和核心代码来进行描述。效果描述了模式的优缺点以及在使用模式时应权衡的问题。</p><p><strong>为什么要学习设计模式</strong>:</p><ul><li><p>设计模式来源众多专家的经验和智慧，它们是从许多优秀的软件系统中总结出的成功的、能够实现可维护性复用的设计方案，使用这些方案将可以让我们避免做一些重复性的工作</p></li><li><p>设计模式提供了一套通用的设计词汇和一种通用的形式来方便开发人员之间沟通和交流，使得设计方案更加通俗易懂</p></li><li><p>大部分设计模式都兼顾了系统的可重用性和可扩展性，这使得我们可以更好地重用一些已有的设计方案、功能模块甚至一个完整的软件系统，避免我们经常做一些重复的设计、编写一些重复的代码</p></li><li><p>合理使用设计模式并对设计模式的使用情况进行文档化，将有助于别人更快地理解系统</p></li><li><p>学习设计模式将有助于初学者更加深入地理解面向对象思想</p></li></ul><p><strong>储备知识</strong>：</p><ul><li><p>抽象类：一般抽象类都是作为基类，比如说「电脑」就可以作为一个抽象类，根据抽象类派生出「台式电脑」和「笔记本电脑」2 种具体类。一般不对抽象类进行实例化。</p></li><li><p>组合优于继承：不能滥用继承来拓展功能，配合组合会更灵活。同样拿「电脑」抽象类来举例，如果使用继承，区分不同类型的「电脑」我们可以派生出「台式电脑」和「笔记本电脑」，如果再增加一个维度，根据品牌又能继续细分出「联想台式电脑」、「联想笔记本电脑」、「苹果台式电脑」和「苹果笔记本电脑」等等，如果再增加一个维度继续细分下去，显然继承是无法胜任的。这个时候可以使用继承加组合方式，组合的对象也可以进行抽象化设计：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 品牌</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Brand</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // ...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
diff --git a/assets/cn_src_article_designMode.md.BzjcnDMg.lean.js b/assets/cn_src_article_designMode.md.B2Mi_NTb.lean.js
similarity index 99%
rename from assets/cn_src_article_designMode.md.BzjcnDMg.lean.js
rename to assets/cn_src_article_designMode.md.B2Mi_NTb.lean.js
index 67d0d52b2a..d4566cc4ae 100644
--- a/assets/cn_src_article_designMode.md.BzjcnDMg.lean.js
+++ b/assets/cn_src_article_designMode.md.B2Mi_NTb.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,a,b as n,c as h,d as l,e as k,f as p,g as t,h as e,i as E,j as r,k as d,l as g,m as y,n as F,o as c,p as o,q as C,r as B,s as A,t as D,u,v as b,w as m,x as v,y as f,z as x,A as _,B as q}from"./chunks/访问者._0swtoJg.js";import{_ as P,o as w,c as j,a3 as M}from"./chunks/framework.eq-HTtE3.js";const W=JSON.parse('{"title":"23 种经典设计模式","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/designMode.md","filePath":"cn/src/article/designMode.md","lastUpdated":1728129125000}'),S={name:"cn/src/article/designMode.md"};function T(L,s,V,I,N,O){return w(),j("div",{"data-pagefind-body":!0},s[0]||(s[0]=[M(`<h1 id="_23-种经典设计模式" tabindex="-1">23 种经典设计模式 <a class="header-anchor" href="#_23-种经典设计模式" aria-label="Permalink to &quot;23 种经典设计模式&quot;">​</a></h1><blockquote><p>设计模式 <code>Design Pattern</code> 是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结，使用设计模式是为了可重用代码、让代码更容易被他人理解并且保证代码可靠性。。</p></blockquote><p>在《设计模式：可复用面向对象软件的基础》一书中所介绍的 23 种经典设计模式，不过设计模式并不仅仅只有这 23 种，随着软件开发行业的发展，越来越多的新模式不断诞生并得以应用。有经验的开发者在学习设计模式可以和过往的经验互相印证，更容易理解这些设计模式。</p><p>设计模式一般包含模式名称、问题、目的、解决方案、效果等组成要素。问题描述了应该在何时使用模式，它包含了设计中存在的问题以及问题存在的原因。解决方案描述了一个设计模式的组成成分，以及这些组成成分之间的相互关系，各自的职责和协作方式，通常解决方案通过 <code>UML</code> 类图和核心代码来进行描述。效果描述了模式的优缺点以及在使用模式时应权衡的问题。</p><p><strong>为什么要学习设计模式</strong>:</p><ul><li><p>设计模式来源众多专家的经验和智慧，它们是从许多优秀的软件系统中总结出的成功的、能够实现可维护性复用的设计方案，使用这些方案将可以让我们避免做一些重复性的工作</p></li><li><p>设计模式提供了一套通用的设计词汇和一种通用的形式来方便开发人员之间沟通和交流，使得设计方案更加通俗易懂</p></li><li><p>大部分设计模式都兼顾了系统的可重用性和可扩展性，这使得我们可以更好地重用一些已有的设计方案、功能模块甚至一个完整的软件系统，避免我们经常做一些重复的设计、编写一些重复的代码</p></li><li><p>合理使用设计模式并对设计模式的使用情况进行文档化，将有助于别人更快地理解系统</p></li><li><p>学习设计模式将有助于初学者更加深入地理解面向对象思想</p></li></ul><p><strong>储备知识</strong>：</p><ul><li><p>抽象类：一般抽象类都是作为基类，比如说「电脑」就可以作为一个抽象类，根据抽象类派生出「台式电脑」和「笔记本电脑」2 种具体类。一般不对抽象类进行实例化。</p></li><li><p>组合优于继承：不能滥用继承来拓展功能，配合组合会更灵活。同样拿「电脑」抽象类来举例，如果使用继承，区分不同类型的「电脑」我们可以派生出「台式电脑」和「笔记本电脑」，如果再增加一个维度，根据品牌又能继续细分出「联想台式电脑」、「联想笔记本电脑」、「苹果台式电脑」和「苹果笔记本电脑」等等，如果再增加一个维度继续细分下去，显然继承是无法胜任的。这个时候可以使用继承加组合方式，组合的对象也可以进行抽象化设计：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 品牌</span></span>
+import{_ as i,a,b as n,c as h,d as l,e as k,f as p,g as t,h as e,i as E,j as r,k as d,l as g,m as y,n as F,o as c,p as o,q as C,r as B,s as A,t as D,u,v as b,w as m,x as v,y as f,z as x,A as _,B as q}from"./chunks/访问者._0swtoJg.js";import{_ as P,o as w,c as j,a3 as M}from"./chunks/framework.eq-HTtE3.js";const W=JSON.parse('{"title":"23 种经典设计模式","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/designMode.md","filePath":"cn/src/article/designMode.md","lastUpdated":1728129344000}'),S={name:"cn/src/article/designMode.md"};function T(L,s,V,I,N,O){return w(),j("div",{"data-pagefind-body":!0},s[0]||(s[0]=[M(`<h1 id="_23-种经典设计模式" tabindex="-1">23 种经典设计模式 <a class="header-anchor" href="#_23-种经典设计模式" aria-label="Permalink to &quot;23 种经典设计模式&quot;">​</a></h1><blockquote><p>设计模式 <code>Design Pattern</code> 是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结，使用设计模式是为了可重用代码、让代码更容易被他人理解并且保证代码可靠性。。</p></blockquote><p>在《设计模式：可复用面向对象软件的基础》一书中所介绍的 23 种经典设计模式，不过设计模式并不仅仅只有这 23 种，随着软件开发行业的发展，越来越多的新模式不断诞生并得以应用。有经验的开发者在学习设计模式可以和过往的经验互相印证，更容易理解这些设计模式。</p><p>设计模式一般包含模式名称、问题、目的、解决方案、效果等组成要素。问题描述了应该在何时使用模式，它包含了设计中存在的问题以及问题存在的原因。解决方案描述了一个设计模式的组成成分，以及这些组成成分之间的相互关系，各自的职责和协作方式，通常解决方案通过 <code>UML</code> 类图和核心代码来进行描述。效果描述了模式的优缺点以及在使用模式时应权衡的问题。</p><p><strong>为什么要学习设计模式</strong>:</p><ul><li><p>设计模式来源众多专家的经验和智慧，它们是从许多优秀的软件系统中总结出的成功的、能够实现可维护性复用的设计方案，使用这些方案将可以让我们避免做一些重复性的工作</p></li><li><p>设计模式提供了一套通用的设计词汇和一种通用的形式来方便开发人员之间沟通和交流，使得设计方案更加通俗易懂</p></li><li><p>大部分设计模式都兼顾了系统的可重用性和可扩展性，这使得我们可以更好地重用一些已有的设计方案、功能模块甚至一个完整的软件系统，避免我们经常做一些重复的设计、编写一些重复的代码</p></li><li><p>合理使用设计模式并对设计模式的使用情况进行文档化，将有助于别人更快地理解系统</p></li><li><p>学习设计模式将有助于初学者更加深入地理解面向对象思想</p></li></ul><p><strong>储备知识</strong>：</p><ul><li><p>抽象类：一般抽象类都是作为基类，比如说「电脑」就可以作为一个抽象类，根据抽象类派生出「台式电脑」和「笔记本电脑」2 种具体类。一般不对抽象类进行实例化。</p></li><li><p>组合优于继承：不能滥用继承来拓展功能，配合组合会更灵活。同样拿「电脑」抽象类来举例，如果使用继承，区分不同类型的「电脑」我们可以派生出「台式电脑」和「笔记本电脑」，如果再增加一个维度，根据品牌又能继续细分出「联想台式电脑」、「联想笔记本电脑」、「苹果台式电脑」和「苹果笔记本电脑」等等，如果再增加一个维度继续细分下去，显然继承是无法胜任的。这个时候可以使用继承加组合方式，组合的对象也可以进行抽象化设计：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 品牌</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Brand</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // ...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
diff --git a/assets/cn_src_article_docPreview.md.Bk6_K5Up.js b/assets/cn_src_article_docPreview.md.BpvHIdsV.js
similarity index 99%
rename from assets/cn_src_article_docPreview.md.Bk6_K5Up.js
rename to assets/cn_src_article_docPreview.md.BpvHIdsV.js
index e0e6a07aff..d7ad712171 100644
--- a/assets/cn_src_article_docPreview.md.Bk6_K5Up.js
+++ b/assets/cn_src_article_docPreview.md.BpvHIdsV.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const t="/ran/assets/ms_ppt.C2zYd_IC.webp",p="/ran/assets/ms_excel.CJXFi2bf.webp",l="/ran/assets/ms_word.3k-0mjp0.webp",k="/ran/assets/ms_file_not.DgOrkG3n.webp",e="/ran/assets/ms_answer.Cgv6ylFF.webp",r="/ran/assets/ms_answer_2.D-D9H1v0.webp",E="/ran/assets/google_doc_view.BknjnOKw.webp",d="/ran/assets/ali_doc.CYo30EHy.webp",g="/ran/assets/xdoc.CeowcMPq.webp",o="/ran/assets/ow365.CXWyYekS.webp",y="/ran/assets/wps_office.DiET-U8x.webp",c="/ran/assets/wps_office_price.ler9htjh.webp",F="/ran/assets/xml.NyzOyhr4.webp",C="/ran/assets/firefox_pdf.BWQR-ogn.webp",f="/ran/assets/mdn_pdf.DbNmeC8H.webp",u="/ran/assets/kkfile_des.CENUMtpY.webp",A="/ran/assets/kkfile.X1tAqvNa.webp",m="/ran/assets/kkfile_output.DD8iZdbo.webp",B="/ran/assets/kkfile_doc.CPfEUxoD.webp",O=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/docPreview.md","filePath":"cn/src/article/docPreview.md","lastUpdated":1728129125000}'),D={name:"cn/src/article/docPreview.md"};function b(x,s,v,w,_,P){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1> 最全的 docx,pptx,xlsx(excel),pdf 文件预览方案总结 </h1><p>最近遇到了文件预览的需求，但一搜索发现，这还不是一个简单的功能。于是又去查询了很多资料，调研了一些方案，也踩了好多坑。最后总结方案如下</p><ol><li>花钱解决 (使用市面上现有的文件预览服务) <ol><li>微软</li><li>google</li><li>阿里云 IMM</li><li>XDOC</li><li>Office Web 365</li><li>wps 开放平台</li></ol></li><li>前端方案 <ol><li>pptx 的预览方案</li><li>pdf 的预览方案</li><li>docx 的预览方案</li><li>xlsx(excel) 的预览方案</li><li>前端预览方案总结</li></ol></li><li>服务端方案 <ol><li>openOffice</li><li>kkFileView</li><li>onlyOffice</li></ol></li></ol><p>如果有其他人也遇到了同样的问题，有了这篇文章，希望能更方便的解决。</p><p>基本涵盖了所有解决方案。因此，标题写上 <strong>最全</strong> 的文件预览方案调研总结，应该不为过吧。</p><h2 id="一-市面上现有的文件预览服务" tabindex="-1">一：市面上现有的文件预览服务 <a class="header-anchor" href="#一-市面上现有的文件预览服务" aria-label="Permalink to &quot;一：市面上现有的文件预览服务&quot;">​</a></h2><h3 id="_1-微软" tabindex="-1">1.微软 <a class="header-anchor" href="#_1-微软" aria-label="Permalink to &quot;1.微软&quot;">​</a></h3><p><code>docx</code>,<code>pptx</code>,<code>xlsx</code>可以说是<code>office</code>三件套，那自然得看一下 <strong>微软官方</strong> 提供的文件预览服务。使用方法特别简单，只需要将文件链接，拼接到参数后面即可。</p><p>记得<code>encodeURL</code></p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">https</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">//view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(url)}</span></span></code></pre></div><h4 id="_1-pptx-预览效果" tabindex="-1">(1).PPTX 预览效果： <a class="header-anchor" href="#_1-pptx-预览效果" aria-label="Permalink to &quot;(1).PPTX 预览效果：&quot;">​</a></h4><p><img src="'+t+'" alt="image.png"></p><ul><li>优点：还原度很高，功能很丰富，可以选择翻页，甚至支持点击播放动画。</li><li>缺点：不知道是不是墙的原因，加载稍慢。</li></ul><h4 id="_2-excel-预览效果" tabindex="-1">(2).Excel 预览效果： <a class="header-anchor" href="#_2-excel-预览效果" aria-label="Permalink to &quot;(2).Excel 预览效果：&quot;">​</a></h4><p><img src="'+p+'" alt="image.png"></p><h4 id="_3-doxc-预览效果" tabindex="-1">(3).Doxc 预览效果 <a class="header-anchor" href="#_3-doxc-预览效果" aria-label="Permalink to &quot;(3).Doxc 预览效果&quot;">​</a></h4><p><img src="'+l+'" alt="image.png"></p><h4 id="_4-pdf-预览效果" tabindex="-1">(4).PDF 预览效果 <a class="header-anchor" href="#_4-pdf-预览效果" aria-label="Permalink to &quot;(4).PDF 预览效果&quot;">​</a></h4><p>这个我测试没有成功，返回了一个错误，其他人可以试试。</p><p><img src="'+k+'" alt="image.png"></p><h4 id="_5-总的来说" tabindex="-1">(5).总的来说 <a class="header-anchor" href="#_5-总的来说" aria-label="Permalink to &quot;(5).总的来说&quot;">​</a></h4><p>对于<code>docx</code>,<code>pptx</code>,<code>xlsx</code>都有较好的支持，<code>pdf</code>不行。</p><p>还有一个坑点是：这个服务是否稳定，有什么限制，是否收费，都查不到一个定论。在<code>office</code>官方网站上甚至找不到介绍这个东西的地方。</p><p>目前只能找到一个<code>Q&amp;A</code>:<a href="https://answers.microsoft.com/en-us/msoffice/forum/all/what-is-the-status-of-viewofficeappslivecom/830fd75c-9b47-43f9-89c9-4303703fd7f6" target="_blank" rel="noreferrer">https://answers.microsoft.com/en-us/msoffice/forum/all/what-is-the-status-of-viewofficeappslivecom/830fd75c-9b47-43f9-89c9-4303703fd7f6</a></p><p>微软官方人员回答表示：</p><p><img src="'+e+'" alt="image.png"></p><p>翻译翻译，就是：几乎永久使用，没有收费计划，不会存储预览的文件数据，限制文件<code>10MB</code>，建议用于 <strong>查看互联网上公开的文件</strong>。</p><p>但经过某些用户测试发现：</p><p><img src="'+r+'" alt="image.png"></p><p>使用了微软的文件预览服务，然后删除了文件地址，仍然可访问，但过一段时间会失效。</p><h3 id="_2-google-drive-查看器" tabindex="-1">2.Google Drive 查看器 <a class="header-anchor" href="#_2-google-drive-查看器" aria-label="Permalink to &quot;2.Google Drive 查看器&quot;">​</a></h3><p>接入简单，同 <code>Office Web Viewer</code>，只需要把 <code>src</code> 改为<code>https://drive.google.com/viewer?url=${encodeURIComponent(url)}</code>即可。</p><p>限制<code>25MB</code>,支持以下格式：</p><p><img src="'+E+'" alt="image.png"></p><p>测试效果，支持<code>docx,pptx,xlsx,pdf</code>预览，但<code>pptx</code>预览的效果不如微软，没有动画效果，样式有小部分会错乱。</p><p><strong>由于某些众所周知的原因，不可用</strong></p><h3 id="_3-阿里云-imm" tabindex="-1">3.阿里云 IMM <a class="header-anchor" href="#_3-阿里云-imm" aria-label="Permalink to &quot;3.阿里云 IMM&quot;">​</a></h3><p>官方文档如下：<a href="https://help.aliyun.com/document_detail/63273.html" target="_blank" rel="noreferrer">https://help.aliyun.com/document_detail/63273.html</a></p><p><img src="'+d+'" alt="image.png"></p><p>付费使用</p><h3 id="_4-xdoc-文档预览" tabindex="-1">4.XDOC 文档预览 <a class="header-anchor" href="#_4-xdoc-文档预览" aria-label="Permalink to &quot;4.XDOC 文档预览&quot;">​</a></h3><p>说了一些大厂的，在介绍一些其他的，<strong>需要自行分辨</strong></p><p>官网地址：<a href="https://view.xdocin.com/view-xdocin-com_6x5f4x.htm" target="_blank" rel="noreferrer">https://view.xdocin.com/view-xdocin-com_6x5f4x.htm</a></p><p><img src="'+g+'" alt="image.png"></p><h3 id="_5-office-web-365" tabindex="-1">5.Office Web 365 <a class="header-anchor" href="#_5-office-web-365" aria-label="Permalink to &quot;5.Office Web 365&quot;">​</a></h3><p>需要注意的是，虽然名字很像<code>office</code>，但我们看网页的<code>Copyright</code>可以发现，其实是一个西安的公司，<strong>不是微软</strong>。</p><p>但毕竟也提供了文件预览的服务</p><p>官网地址：<a href="https://www.officeweb365.com/" target="_blank" rel="noreferrer">https://www.officeweb365.com/</a></p><p><img src="'+o+'" alt="image.png"></p><h3 id="_6-wps-开放平台" tabindex="-1">6.WPS 开放平台 <a class="header-anchor" href="#_6-wps-开放平台" aria-label="Permalink to &quot;6.WPS 开放平台&quot;">​</a></h3><p>官方地址：<a href="https://solution.wps.cn/" target="_blank" rel="noreferrer">https://solution.wps.cn/</a></p><p><img src="'+y+'" alt="image.png"></p><p>付费使用，价格如下：</p><p><img src="'+c+'" alt="image.png"></p><h2 id="二-前端处理方案" tabindex="-1">二：前端处理方案 <a class="header-anchor" href="#二-前端处理方案" aria-label="Permalink to &quot;二：前端处理方案&quot;">​</a></h2><h3 id="_1-pptx-的预览方案" tabindex="-1">1.pptx 的预览方案 <a class="header-anchor" href="#_1-pptx-的预览方案" aria-label="Permalink to &quot;1.pptx 的预览方案&quot;">​</a></h3><p>先查一下有没有现成的轮子，目前<code>pptx</code>的开源预览方案能找到的只有这个：<a href="https://github.com/g21589/PPTX2HTML%E3%80%82%E4%BD%86%E5%B7%B2%E7%BB%8F%E5%85%AD%E4%B8%83%E5%B9%B4%E6%B2%A1%E6%9C%89%E6%9B%B4%E6%96%B0%EF%BC%8C%E4%B9%9F%E6%B2%A1%E6%9C%89%E7%BB%B4%E6%8A%A4%EF%BC%8C%E7%AC%94%E8%80%85%E4%BD%BF%E7%94%A8%E7%9A%84%E6%97%B6%E5%80%99%E5%8F%91%E7%8E%B0%E6%9C%89%E5%BE%88%E5%A4%9A%E5%85%BC%E5%AE%B9%E6%80%A7%E9%97%AE%E9%A2%98%E3%80%82" target="_blank" rel="noreferrer">https://github.com/g21589/PPTX2HTML。但已经六七年没有更新，也没有维护，笔者使用的时候发现有很多兼容性问题。</a></p><p>简单来说就是，没有。对于这种情况，我们可以自行解析，主要步骤如下：</p><ol><li>查询<code>pptx</code>的国际标准</li><li>解析<code>pptx</code>文件</li><li>渲染成<code>html</code>或者<code>canvas</code>进行展示</li></ol><p>我们先去找一下<code>pptx</code>的国际标准，官方地址：<a href="http://officeopenxml.com/" target="_blank" rel="noreferrer">officeopenxml</a></p><p>先解释下什么是<code>officeopenxml</code>:</p><blockquote><p>Office OpenXML，也称为 OpenXML 或 OOXML，是一种基于 XML 的办公文档格式，包括文字处理文档、电子表格、演示文稿以及图表、图表、形状和其他图形材料。该规范由微软开发，并于 2006 年被 ECMA 国际采用为 ECMA-376。第二个版本于 2008 年 12 月发布，第三个版本于 2011 年 6 月发布。该规范已被 ISO 和 IEC 采用为 ISO/IEC 29500。</p></blockquote><blockquote><p>虽然 Microsoft 继续支持较旧的二进制格式 (.doc、.xls 和.ppt)，但 OOXML 现在是所有 Microsoft Office 文档 (.docx、.xlsx 和.pptx) 的默认格式。</p></blockquote><p>由此可见，<code>Office OpenXML</code>由微软开发，目前已经是国际标准。接下来我们看一下<code>pptx</code>里面有哪些内容，具体可以看<code>pptx</code>的官方标准：<a href="http://officeopenxml.com/anatomyofOOXML-pptx.php" target="_blank" rel="noreferrer">officeopenxml-pptx</a></p><blockquote><p>PresentationML 或.pptx 文件是一个<strong>zip 文件</strong>，其中包含许多“部分”（通常是 UTF-8 或 UTF-16 编码）或 XML 文件。该包还可能包含其他媒体文件，例如图像。该结构根据 OOXML 标准 ECMA-376 第 2 部分中概述的开放打包约定进行组织。</p></blockquote><p><img src="'+F+`" alt="image.png"></p><p>根据国际标准，我们知道，<code>pptx</code>文件本质就是一个<code>zip</code>文件，其中包含许多部分：</p><blockquote><p>部件的数量和类型将根据演示文稿中的内容而有所不同，但始终会有一个 [Content_Types].xml、一个或多个关系（.rels）部件和一个演示文稿部件（演示文稿.xml），它位于 ppt 文件夹中，用于 Microsoft Powerpoint 文件。通常，还将至少有一个幻灯片部件，以及一张母版幻灯片和一张版式幻灯片，从中形成幻灯片。</p></blockquote><p>那么<code>js</code>如何读取<code>zip</code>呢？</p><p>找到一个工具：<a href="https://www.npmjs.com/package/jszip" target="_blank" rel="noreferrer">https://www.npmjs.com/package/jszip</a></p><p>于是我们可以开始尝试解析<code>pptx</code>了。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> JSZip </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;jszip&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const t="/ran/assets/ms_ppt.C2zYd_IC.webp",p="/ran/assets/ms_excel.CJXFi2bf.webp",l="/ran/assets/ms_word.3k-0mjp0.webp",k="/ran/assets/ms_file_not.DgOrkG3n.webp",e="/ran/assets/ms_answer.Cgv6ylFF.webp",r="/ran/assets/ms_answer_2.D-D9H1v0.webp",E="/ran/assets/google_doc_view.BknjnOKw.webp",d="/ran/assets/ali_doc.CYo30EHy.webp",g="/ran/assets/xdoc.CeowcMPq.webp",o="/ran/assets/ow365.CXWyYekS.webp",y="/ran/assets/wps_office.DiET-U8x.webp",c="/ran/assets/wps_office_price.ler9htjh.webp",F="/ran/assets/xml.NyzOyhr4.webp",C="/ran/assets/firefox_pdf.BWQR-ogn.webp",f="/ran/assets/mdn_pdf.DbNmeC8H.webp",u="/ran/assets/kkfile_des.CENUMtpY.webp",A="/ran/assets/kkfile.X1tAqvNa.webp",m="/ran/assets/kkfile_output.DD8iZdbo.webp",B="/ran/assets/kkfile_doc.CPfEUxoD.webp",O=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/docPreview.md","filePath":"cn/src/article/docPreview.md","lastUpdated":1728129344000}'),D={name:"cn/src/article/docPreview.md"};function b(x,s,v,w,_,P){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1> 最全的 docx,pptx,xlsx(excel),pdf 文件预览方案总结 </h1><p>最近遇到了文件预览的需求，但一搜索发现，这还不是一个简单的功能。于是又去查询了很多资料，调研了一些方案，也踩了好多坑。最后总结方案如下</p><ol><li>花钱解决 (使用市面上现有的文件预览服务) <ol><li>微软</li><li>google</li><li>阿里云 IMM</li><li>XDOC</li><li>Office Web 365</li><li>wps 开放平台</li></ol></li><li>前端方案 <ol><li>pptx 的预览方案</li><li>pdf 的预览方案</li><li>docx 的预览方案</li><li>xlsx(excel) 的预览方案</li><li>前端预览方案总结</li></ol></li><li>服务端方案 <ol><li>openOffice</li><li>kkFileView</li><li>onlyOffice</li></ol></li></ol><p>如果有其他人也遇到了同样的问题，有了这篇文章，希望能更方便的解决。</p><p>基本涵盖了所有解决方案。因此，标题写上 <strong>最全</strong> 的文件预览方案调研总结，应该不为过吧。</p><h2 id="一-市面上现有的文件预览服务" tabindex="-1">一：市面上现有的文件预览服务 <a class="header-anchor" href="#一-市面上现有的文件预览服务" aria-label="Permalink to &quot;一：市面上现有的文件预览服务&quot;">​</a></h2><h3 id="_1-微软" tabindex="-1">1.微软 <a class="header-anchor" href="#_1-微软" aria-label="Permalink to &quot;1.微软&quot;">​</a></h3><p><code>docx</code>,<code>pptx</code>,<code>xlsx</code>可以说是<code>office</code>三件套，那自然得看一下 <strong>微软官方</strong> 提供的文件预览服务。使用方法特别简单，只需要将文件链接，拼接到参数后面即可。</p><p>记得<code>encodeURL</code></p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">https</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">//view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(url)}</span></span></code></pre></div><h4 id="_1-pptx-预览效果" tabindex="-1">(1).PPTX 预览效果： <a class="header-anchor" href="#_1-pptx-预览效果" aria-label="Permalink to &quot;(1).PPTX 预览效果：&quot;">​</a></h4><p><img src="'+t+'" alt="image.png"></p><ul><li>优点：还原度很高，功能很丰富，可以选择翻页，甚至支持点击播放动画。</li><li>缺点：不知道是不是墙的原因，加载稍慢。</li></ul><h4 id="_2-excel-预览效果" tabindex="-1">(2).Excel 预览效果： <a class="header-anchor" href="#_2-excel-预览效果" aria-label="Permalink to &quot;(2).Excel 预览效果：&quot;">​</a></h4><p><img src="'+p+'" alt="image.png"></p><h4 id="_3-doxc-预览效果" tabindex="-1">(3).Doxc 预览效果 <a class="header-anchor" href="#_3-doxc-预览效果" aria-label="Permalink to &quot;(3).Doxc 预览效果&quot;">​</a></h4><p><img src="'+l+'" alt="image.png"></p><h4 id="_4-pdf-预览效果" tabindex="-1">(4).PDF 预览效果 <a class="header-anchor" href="#_4-pdf-预览效果" aria-label="Permalink to &quot;(4).PDF 预览效果&quot;">​</a></h4><p>这个我测试没有成功，返回了一个错误，其他人可以试试。</p><p><img src="'+k+'" alt="image.png"></p><h4 id="_5-总的来说" tabindex="-1">(5).总的来说 <a class="header-anchor" href="#_5-总的来说" aria-label="Permalink to &quot;(5).总的来说&quot;">​</a></h4><p>对于<code>docx</code>,<code>pptx</code>,<code>xlsx</code>都有较好的支持，<code>pdf</code>不行。</p><p>还有一个坑点是：这个服务是否稳定，有什么限制，是否收费，都查不到一个定论。在<code>office</code>官方网站上甚至找不到介绍这个东西的地方。</p><p>目前只能找到一个<code>Q&amp;A</code>:<a href="https://answers.microsoft.com/en-us/msoffice/forum/all/what-is-the-status-of-viewofficeappslivecom/830fd75c-9b47-43f9-89c9-4303703fd7f6" target="_blank" rel="noreferrer">https://answers.microsoft.com/en-us/msoffice/forum/all/what-is-the-status-of-viewofficeappslivecom/830fd75c-9b47-43f9-89c9-4303703fd7f6</a></p><p>微软官方人员回答表示：</p><p><img src="'+e+'" alt="image.png"></p><p>翻译翻译，就是：几乎永久使用，没有收费计划，不会存储预览的文件数据，限制文件<code>10MB</code>，建议用于 <strong>查看互联网上公开的文件</strong>。</p><p>但经过某些用户测试发现：</p><p><img src="'+r+'" alt="image.png"></p><p>使用了微软的文件预览服务，然后删除了文件地址，仍然可访问，但过一段时间会失效。</p><h3 id="_2-google-drive-查看器" tabindex="-1">2.Google Drive 查看器 <a class="header-anchor" href="#_2-google-drive-查看器" aria-label="Permalink to &quot;2.Google Drive 查看器&quot;">​</a></h3><p>接入简单，同 <code>Office Web Viewer</code>，只需要把 <code>src</code> 改为<code>https://drive.google.com/viewer?url=${encodeURIComponent(url)}</code>即可。</p><p>限制<code>25MB</code>,支持以下格式：</p><p><img src="'+E+'" alt="image.png"></p><p>测试效果，支持<code>docx,pptx,xlsx,pdf</code>预览，但<code>pptx</code>预览的效果不如微软，没有动画效果，样式有小部分会错乱。</p><p><strong>由于某些众所周知的原因，不可用</strong></p><h3 id="_3-阿里云-imm" tabindex="-1">3.阿里云 IMM <a class="header-anchor" href="#_3-阿里云-imm" aria-label="Permalink to &quot;3.阿里云 IMM&quot;">​</a></h3><p>官方文档如下：<a href="https://help.aliyun.com/document_detail/63273.html" target="_blank" rel="noreferrer">https://help.aliyun.com/document_detail/63273.html</a></p><p><img src="'+d+'" alt="image.png"></p><p>付费使用</p><h3 id="_4-xdoc-文档预览" tabindex="-1">4.XDOC 文档预览 <a class="header-anchor" href="#_4-xdoc-文档预览" aria-label="Permalink to &quot;4.XDOC 文档预览&quot;">​</a></h3><p>说了一些大厂的，在介绍一些其他的，<strong>需要自行分辨</strong></p><p>官网地址：<a href="https://view.xdocin.com/view-xdocin-com_6x5f4x.htm" target="_blank" rel="noreferrer">https://view.xdocin.com/view-xdocin-com_6x5f4x.htm</a></p><p><img src="'+g+'" alt="image.png"></p><h3 id="_5-office-web-365" tabindex="-1">5.Office Web 365 <a class="header-anchor" href="#_5-office-web-365" aria-label="Permalink to &quot;5.Office Web 365&quot;">​</a></h3><p>需要注意的是，虽然名字很像<code>office</code>，但我们看网页的<code>Copyright</code>可以发现，其实是一个西安的公司，<strong>不是微软</strong>。</p><p>但毕竟也提供了文件预览的服务</p><p>官网地址：<a href="https://www.officeweb365.com/" target="_blank" rel="noreferrer">https://www.officeweb365.com/</a></p><p><img src="'+o+'" alt="image.png"></p><h3 id="_6-wps-开放平台" tabindex="-1">6.WPS 开放平台 <a class="header-anchor" href="#_6-wps-开放平台" aria-label="Permalink to &quot;6.WPS 开放平台&quot;">​</a></h3><p>官方地址：<a href="https://solution.wps.cn/" target="_blank" rel="noreferrer">https://solution.wps.cn/</a></p><p><img src="'+y+'" alt="image.png"></p><p>付费使用，价格如下：</p><p><img src="'+c+'" alt="image.png"></p><h2 id="二-前端处理方案" tabindex="-1">二：前端处理方案 <a class="header-anchor" href="#二-前端处理方案" aria-label="Permalink to &quot;二：前端处理方案&quot;">​</a></h2><h3 id="_1-pptx-的预览方案" tabindex="-1">1.pptx 的预览方案 <a class="header-anchor" href="#_1-pptx-的预览方案" aria-label="Permalink to &quot;1.pptx 的预览方案&quot;">​</a></h3><p>先查一下有没有现成的轮子，目前<code>pptx</code>的开源预览方案能找到的只有这个：<a href="https://github.com/g21589/PPTX2HTML%E3%80%82%E4%BD%86%E5%B7%B2%E7%BB%8F%E5%85%AD%E4%B8%83%E5%B9%B4%E6%B2%A1%E6%9C%89%E6%9B%B4%E6%96%B0%EF%BC%8C%E4%B9%9F%E6%B2%A1%E6%9C%89%E7%BB%B4%E6%8A%A4%EF%BC%8C%E7%AC%94%E8%80%85%E4%BD%BF%E7%94%A8%E7%9A%84%E6%97%B6%E5%80%99%E5%8F%91%E7%8E%B0%E6%9C%89%E5%BE%88%E5%A4%9A%E5%85%BC%E5%AE%B9%E6%80%A7%E9%97%AE%E9%A2%98%E3%80%82" target="_blank" rel="noreferrer">https://github.com/g21589/PPTX2HTML。但已经六七年没有更新，也没有维护，笔者使用的时候发现有很多兼容性问题。</a></p><p>简单来说就是，没有。对于这种情况，我们可以自行解析，主要步骤如下：</p><ol><li>查询<code>pptx</code>的国际标准</li><li>解析<code>pptx</code>文件</li><li>渲染成<code>html</code>或者<code>canvas</code>进行展示</li></ol><p>我们先去找一下<code>pptx</code>的国际标准，官方地址：<a href="http://officeopenxml.com/" target="_blank" rel="noreferrer">officeopenxml</a></p><p>先解释下什么是<code>officeopenxml</code>:</p><blockquote><p>Office OpenXML，也称为 OpenXML 或 OOXML，是一种基于 XML 的办公文档格式，包括文字处理文档、电子表格、演示文稿以及图表、图表、形状和其他图形材料。该规范由微软开发，并于 2006 年被 ECMA 国际采用为 ECMA-376。第二个版本于 2008 年 12 月发布，第三个版本于 2011 年 6 月发布。该规范已被 ISO 和 IEC 采用为 ISO/IEC 29500。</p></blockquote><blockquote><p>虽然 Microsoft 继续支持较旧的二进制格式 (.doc、.xls 和.ppt)，但 OOXML 现在是所有 Microsoft Office 文档 (.docx、.xlsx 和.pptx) 的默认格式。</p></blockquote><p>由此可见，<code>Office OpenXML</code>由微软开发，目前已经是国际标准。接下来我们看一下<code>pptx</code>里面有哪些内容，具体可以看<code>pptx</code>的官方标准：<a href="http://officeopenxml.com/anatomyofOOXML-pptx.php" target="_blank" rel="noreferrer">officeopenxml-pptx</a></p><blockquote><p>PresentationML 或.pptx 文件是一个<strong>zip 文件</strong>，其中包含许多“部分”（通常是 UTF-8 或 UTF-16 编码）或 XML 文件。该包还可能包含其他媒体文件，例如图像。该结构根据 OOXML 标准 ECMA-376 第 2 部分中概述的开放打包约定进行组织。</p></blockquote><p><img src="'+F+`" alt="image.png"></p><p>根据国际标准，我们知道，<code>pptx</code>文件本质就是一个<code>zip</code>文件，其中包含许多部分：</p><blockquote><p>部件的数量和类型将根据演示文稿中的内容而有所不同，但始终会有一个 [Content_Types].xml、一个或多个关系（.rels）部件和一个演示文稿部件（演示文稿.xml），它位于 ppt 文件夹中，用于 Microsoft Powerpoint 文件。通常，还将至少有一个幻灯片部件，以及一张母版幻灯片和一张版式幻灯片，从中形成幻灯片。</p></blockquote><p>那么<code>js</code>如何读取<code>zip</code>呢？</p><p>找到一个工具：<a href="https://www.npmjs.com/package/jszip" target="_blank" rel="noreferrer">https://www.npmjs.com/package/jszip</a></p><p>于是我们可以开始尝试解析<code>pptx</code>了。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> JSZip </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;jszip&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 加载 pptx 数据</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> zip</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> await</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> JSZip.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">loadAsync</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(pptxData);</span></span></code></pre></div><ul><li>解析<code>[Content_Types].xml</code></li></ul><p>每个<code>pptx</code>必然会有一个 <code>[Content_Types].xml</code>。此文件包含包中部件的所有内容类型的列表。每个部件及其类型都必须列在 <code>[Content_Types].xml</code> 中。通过它里面的内容，可以解析其他的文件数据</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> filesInfo</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> await</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getContentTypes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(zip);</span></span>
 <span class="line"></span>
diff --git a/assets/cn_src_article_docPreview.md.Bk6_K5Up.lean.js b/assets/cn_src_article_docPreview.md.BpvHIdsV.lean.js
similarity index 99%
rename from assets/cn_src_article_docPreview.md.Bk6_K5Up.lean.js
rename to assets/cn_src_article_docPreview.md.BpvHIdsV.lean.js
index e0e6a07aff..d7ad712171 100644
--- a/assets/cn_src_article_docPreview.md.Bk6_K5Up.lean.js
+++ b/assets/cn_src_article_docPreview.md.BpvHIdsV.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const t="/ran/assets/ms_ppt.C2zYd_IC.webp",p="/ran/assets/ms_excel.CJXFi2bf.webp",l="/ran/assets/ms_word.3k-0mjp0.webp",k="/ran/assets/ms_file_not.DgOrkG3n.webp",e="/ran/assets/ms_answer.Cgv6ylFF.webp",r="/ran/assets/ms_answer_2.D-D9H1v0.webp",E="/ran/assets/google_doc_view.BknjnOKw.webp",d="/ran/assets/ali_doc.CYo30EHy.webp",g="/ran/assets/xdoc.CeowcMPq.webp",o="/ran/assets/ow365.CXWyYekS.webp",y="/ran/assets/wps_office.DiET-U8x.webp",c="/ran/assets/wps_office_price.ler9htjh.webp",F="/ran/assets/xml.NyzOyhr4.webp",C="/ran/assets/firefox_pdf.BWQR-ogn.webp",f="/ran/assets/mdn_pdf.DbNmeC8H.webp",u="/ran/assets/kkfile_des.CENUMtpY.webp",A="/ran/assets/kkfile.X1tAqvNa.webp",m="/ran/assets/kkfile_output.DD8iZdbo.webp",B="/ran/assets/kkfile_doc.CPfEUxoD.webp",O=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/docPreview.md","filePath":"cn/src/article/docPreview.md","lastUpdated":1728129125000}'),D={name:"cn/src/article/docPreview.md"};function b(x,s,v,w,_,P){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1> 最全的 docx,pptx,xlsx(excel),pdf 文件预览方案总结 </h1><p>最近遇到了文件预览的需求，但一搜索发现，这还不是一个简单的功能。于是又去查询了很多资料，调研了一些方案，也踩了好多坑。最后总结方案如下</p><ol><li>花钱解决 (使用市面上现有的文件预览服务) <ol><li>微软</li><li>google</li><li>阿里云 IMM</li><li>XDOC</li><li>Office Web 365</li><li>wps 开放平台</li></ol></li><li>前端方案 <ol><li>pptx 的预览方案</li><li>pdf 的预览方案</li><li>docx 的预览方案</li><li>xlsx(excel) 的预览方案</li><li>前端预览方案总结</li></ol></li><li>服务端方案 <ol><li>openOffice</li><li>kkFileView</li><li>onlyOffice</li></ol></li></ol><p>如果有其他人也遇到了同样的问题，有了这篇文章，希望能更方便的解决。</p><p>基本涵盖了所有解决方案。因此，标题写上 <strong>最全</strong> 的文件预览方案调研总结，应该不为过吧。</p><h2 id="一-市面上现有的文件预览服务" tabindex="-1">一：市面上现有的文件预览服务 <a class="header-anchor" href="#一-市面上现有的文件预览服务" aria-label="Permalink to &quot;一：市面上现有的文件预览服务&quot;">​</a></h2><h3 id="_1-微软" tabindex="-1">1.微软 <a class="header-anchor" href="#_1-微软" aria-label="Permalink to &quot;1.微软&quot;">​</a></h3><p><code>docx</code>,<code>pptx</code>,<code>xlsx</code>可以说是<code>office</code>三件套，那自然得看一下 <strong>微软官方</strong> 提供的文件预览服务。使用方法特别简单，只需要将文件链接，拼接到参数后面即可。</p><p>记得<code>encodeURL</code></p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">https</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">//view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(url)}</span></span></code></pre></div><h4 id="_1-pptx-预览效果" tabindex="-1">(1).PPTX 预览效果： <a class="header-anchor" href="#_1-pptx-预览效果" aria-label="Permalink to &quot;(1).PPTX 预览效果：&quot;">​</a></h4><p><img src="'+t+'" alt="image.png"></p><ul><li>优点：还原度很高，功能很丰富，可以选择翻页，甚至支持点击播放动画。</li><li>缺点：不知道是不是墙的原因，加载稍慢。</li></ul><h4 id="_2-excel-预览效果" tabindex="-1">(2).Excel 预览效果： <a class="header-anchor" href="#_2-excel-预览效果" aria-label="Permalink to &quot;(2).Excel 预览效果：&quot;">​</a></h4><p><img src="'+p+'" alt="image.png"></p><h4 id="_3-doxc-预览效果" tabindex="-1">(3).Doxc 预览效果 <a class="header-anchor" href="#_3-doxc-预览效果" aria-label="Permalink to &quot;(3).Doxc 预览效果&quot;">​</a></h4><p><img src="'+l+'" alt="image.png"></p><h4 id="_4-pdf-预览效果" tabindex="-1">(4).PDF 预览效果 <a class="header-anchor" href="#_4-pdf-预览效果" aria-label="Permalink to &quot;(4).PDF 预览效果&quot;">​</a></h4><p>这个我测试没有成功，返回了一个错误，其他人可以试试。</p><p><img src="'+k+'" alt="image.png"></p><h4 id="_5-总的来说" tabindex="-1">(5).总的来说 <a class="header-anchor" href="#_5-总的来说" aria-label="Permalink to &quot;(5).总的来说&quot;">​</a></h4><p>对于<code>docx</code>,<code>pptx</code>,<code>xlsx</code>都有较好的支持，<code>pdf</code>不行。</p><p>还有一个坑点是：这个服务是否稳定，有什么限制，是否收费，都查不到一个定论。在<code>office</code>官方网站上甚至找不到介绍这个东西的地方。</p><p>目前只能找到一个<code>Q&amp;A</code>:<a href="https://answers.microsoft.com/en-us/msoffice/forum/all/what-is-the-status-of-viewofficeappslivecom/830fd75c-9b47-43f9-89c9-4303703fd7f6" target="_blank" rel="noreferrer">https://answers.microsoft.com/en-us/msoffice/forum/all/what-is-the-status-of-viewofficeappslivecom/830fd75c-9b47-43f9-89c9-4303703fd7f6</a></p><p>微软官方人员回答表示：</p><p><img src="'+e+'" alt="image.png"></p><p>翻译翻译，就是：几乎永久使用，没有收费计划，不会存储预览的文件数据，限制文件<code>10MB</code>，建议用于 <strong>查看互联网上公开的文件</strong>。</p><p>但经过某些用户测试发现：</p><p><img src="'+r+'" alt="image.png"></p><p>使用了微软的文件预览服务，然后删除了文件地址，仍然可访问，但过一段时间会失效。</p><h3 id="_2-google-drive-查看器" tabindex="-1">2.Google Drive 查看器 <a class="header-anchor" href="#_2-google-drive-查看器" aria-label="Permalink to &quot;2.Google Drive 查看器&quot;">​</a></h3><p>接入简单，同 <code>Office Web Viewer</code>，只需要把 <code>src</code> 改为<code>https://drive.google.com/viewer?url=${encodeURIComponent(url)}</code>即可。</p><p>限制<code>25MB</code>,支持以下格式：</p><p><img src="'+E+'" alt="image.png"></p><p>测试效果，支持<code>docx,pptx,xlsx,pdf</code>预览，但<code>pptx</code>预览的效果不如微软，没有动画效果，样式有小部分会错乱。</p><p><strong>由于某些众所周知的原因，不可用</strong></p><h3 id="_3-阿里云-imm" tabindex="-1">3.阿里云 IMM <a class="header-anchor" href="#_3-阿里云-imm" aria-label="Permalink to &quot;3.阿里云 IMM&quot;">​</a></h3><p>官方文档如下：<a href="https://help.aliyun.com/document_detail/63273.html" target="_blank" rel="noreferrer">https://help.aliyun.com/document_detail/63273.html</a></p><p><img src="'+d+'" alt="image.png"></p><p>付费使用</p><h3 id="_4-xdoc-文档预览" tabindex="-1">4.XDOC 文档预览 <a class="header-anchor" href="#_4-xdoc-文档预览" aria-label="Permalink to &quot;4.XDOC 文档预览&quot;">​</a></h3><p>说了一些大厂的，在介绍一些其他的，<strong>需要自行分辨</strong></p><p>官网地址：<a href="https://view.xdocin.com/view-xdocin-com_6x5f4x.htm" target="_blank" rel="noreferrer">https://view.xdocin.com/view-xdocin-com_6x5f4x.htm</a></p><p><img src="'+g+'" alt="image.png"></p><h3 id="_5-office-web-365" tabindex="-1">5.Office Web 365 <a class="header-anchor" href="#_5-office-web-365" aria-label="Permalink to &quot;5.Office Web 365&quot;">​</a></h3><p>需要注意的是，虽然名字很像<code>office</code>，但我们看网页的<code>Copyright</code>可以发现，其实是一个西安的公司，<strong>不是微软</strong>。</p><p>但毕竟也提供了文件预览的服务</p><p>官网地址：<a href="https://www.officeweb365.com/" target="_blank" rel="noreferrer">https://www.officeweb365.com/</a></p><p><img src="'+o+'" alt="image.png"></p><h3 id="_6-wps-开放平台" tabindex="-1">6.WPS 开放平台 <a class="header-anchor" href="#_6-wps-开放平台" aria-label="Permalink to &quot;6.WPS 开放平台&quot;">​</a></h3><p>官方地址：<a href="https://solution.wps.cn/" target="_blank" rel="noreferrer">https://solution.wps.cn/</a></p><p><img src="'+y+'" alt="image.png"></p><p>付费使用，价格如下：</p><p><img src="'+c+'" alt="image.png"></p><h2 id="二-前端处理方案" tabindex="-1">二：前端处理方案 <a class="header-anchor" href="#二-前端处理方案" aria-label="Permalink to &quot;二：前端处理方案&quot;">​</a></h2><h3 id="_1-pptx-的预览方案" tabindex="-1">1.pptx 的预览方案 <a class="header-anchor" href="#_1-pptx-的预览方案" aria-label="Permalink to &quot;1.pptx 的预览方案&quot;">​</a></h3><p>先查一下有没有现成的轮子，目前<code>pptx</code>的开源预览方案能找到的只有这个：<a href="https://github.com/g21589/PPTX2HTML%E3%80%82%E4%BD%86%E5%B7%B2%E7%BB%8F%E5%85%AD%E4%B8%83%E5%B9%B4%E6%B2%A1%E6%9C%89%E6%9B%B4%E6%96%B0%EF%BC%8C%E4%B9%9F%E6%B2%A1%E6%9C%89%E7%BB%B4%E6%8A%A4%EF%BC%8C%E7%AC%94%E8%80%85%E4%BD%BF%E7%94%A8%E7%9A%84%E6%97%B6%E5%80%99%E5%8F%91%E7%8E%B0%E6%9C%89%E5%BE%88%E5%A4%9A%E5%85%BC%E5%AE%B9%E6%80%A7%E9%97%AE%E9%A2%98%E3%80%82" target="_blank" rel="noreferrer">https://github.com/g21589/PPTX2HTML。但已经六七年没有更新，也没有维护，笔者使用的时候发现有很多兼容性问题。</a></p><p>简单来说就是，没有。对于这种情况，我们可以自行解析，主要步骤如下：</p><ol><li>查询<code>pptx</code>的国际标准</li><li>解析<code>pptx</code>文件</li><li>渲染成<code>html</code>或者<code>canvas</code>进行展示</li></ol><p>我们先去找一下<code>pptx</code>的国际标准，官方地址：<a href="http://officeopenxml.com/" target="_blank" rel="noreferrer">officeopenxml</a></p><p>先解释下什么是<code>officeopenxml</code>:</p><blockquote><p>Office OpenXML，也称为 OpenXML 或 OOXML，是一种基于 XML 的办公文档格式，包括文字处理文档、电子表格、演示文稿以及图表、图表、形状和其他图形材料。该规范由微软开发，并于 2006 年被 ECMA 国际采用为 ECMA-376。第二个版本于 2008 年 12 月发布，第三个版本于 2011 年 6 月发布。该规范已被 ISO 和 IEC 采用为 ISO/IEC 29500。</p></blockquote><blockquote><p>虽然 Microsoft 继续支持较旧的二进制格式 (.doc、.xls 和.ppt)，但 OOXML 现在是所有 Microsoft Office 文档 (.docx、.xlsx 和.pptx) 的默认格式。</p></blockquote><p>由此可见，<code>Office OpenXML</code>由微软开发，目前已经是国际标准。接下来我们看一下<code>pptx</code>里面有哪些内容，具体可以看<code>pptx</code>的官方标准：<a href="http://officeopenxml.com/anatomyofOOXML-pptx.php" target="_blank" rel="noreferrer">officeopenxml-pptx</a></p><blockquote><p>PresentationML 或.pptx 文件是一个<strong>zip 文件</strong>，其中包含许多“部分”（通常是 UTF-8 或 UTF-16 编码）或 XML 文件。该包还可能包含其他媒体文件，例如图像。该结构根据 OOXML 标准 ECMA-376 第 2 部分中概述的开放打包约定进行组织。</p></blockquote><p><img src="'+F+`" alt="image.png"></p><p>根据国际标准，我们知道，<code>pptx</code>文件本质就是一个<code>zip</code>文件，其中包含许多部分：</p><blockquote><p>部件的数量和类型将根据演示文稿中的内容而有所不同，但始终会有一个 [Content_Types].xml、一个或多个关系（.rels）部件和一个演示文稿部件（演示文稿.xml），它位于 ppt 文件夹中，用于 Microsoft Powerpoint 文件。通常，还将至少有一个幻灯片部件，以及一张母版幻灯片和一张版式幻灯片，从中形成幻灯片。</p></blockquote><p>那么<code>js</code>如何读取<code>zip</code>呢？</p><p>找到一个工具：<a href="https://www.npmjs.com/package/jszip" target="_blank" rel="noreferrer">https://www.npmjs.com/package/jszip</a></p><p>于是我们可以开始尝试解析<code>pptx</code>了。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> JSZip </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;jszip&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const t="/ran/assets/ms_ppt.C2zYd_IC.webp",p="/ran/assets/ms_excel.CJXFi2bf.webp",l="/ran/assets/ms_word.3k-0mjp0.webp",k="/ran/assets/ms_file_not.DgOrkG3n.webp",e="/ran/assets/ms_answer.Cgv6ylFF.webp",r="/ran/assets/ms_answer_2.D-D9H1v0.webp",E="/ran/assets/google_doc_view.BknjnOKw.webp",d="/ran/assets/ali_doc.CYo30EHy.webp",g="/ran/assets/xdoc.CeowcMPq.webp",o="/ran/assets/ow365.CXWyYekS.webp",y="/ran/assets/wps_office.DiET-U8x.webp",c="/ran/assets/wps_office_price.ler9htjh.webp",F="/ran/assets/xml.NyzOyhr4.webp",C="/ran/assets/firefox_pdf.BWQR-ogn.webp",f="/ran/assets/mdn_pdf.DbNmeC8H.webp",u="/ran/assets/kkfile_des.CENUMtpY.webp",A="/ran/assets/kkfile.X1tAqvNa.webp",m="/ran/assets/kkfile_output.DD8iZdbo.webp",B="/ran/assets/kkfile_doc.CPfEUxoD.webp",O=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/docPreview.md","filePath":"cn/src/article/docPreview.md","lastUpdated":1728129344000}'),D={name:"cn/src/article/docPreview.md"};function b(x,s,v,w,_,P){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1> 最全的 docx,pptx,xlsx(excel),pdf 文件预览方案总结 </h1><p>最近遇到了文件预览的需求，但一搜索发现，这还不是一个简单的功能。于是又去查询了很多资料，调研了一些方案，也踩了好多坑。最后总结方案如下</p><ol><li>花钱解决 (使用市面上现有的文件预览服务) <ol><li>微软</li><li>google</li><li>阿里云 IMM</li><li>XDOC</li><li>Office Web 365</li><li>wps 开放平台</li></ol></li><li>前端方案 <ol><li>pptx 的预览方案</li><li>pdf 的预览方案</li><li>docx 的预览方案</li><li>xlsx(excel) 的预览方案</li><li>前端预览方案总结</li></ol></li><li>服务端方案 <ol><li>openOffice</li><li>kkFileView</li><li>onlyOffice</li></ol></li></ol><p>如果有其他人也遇到了同样的问题，有了这篇文章，希望能更方便的解决。</p><p>基本涵盖了所有解决方案。因此，标题写上 <strong>最全</strong> 的文件预览方案调研总结，应该不为过吧。</p><h2 id="一-市面上现有的文件预览服务" tabindex="-1">一：市面上现有的文件预览服务 <a class="header-anchor" href="#一-市面上现有的文件预览服务" aria-label="Permalink to &quot;一：市面上现有的文件预览服务&quot;">​</a></h2><h3 id="_1-微软" tabindex="-1">1.微软 <a class="header-anchor" href="#_1-微软" aria-label="Permalink to &quot;1.微软&quot;">​</a></h3><p><code>docx</code>,<code>pptx</code>,<code>xlsx</code>可以说是<code>office</code>三件套，那自然得看一下 <strong>微软官方</strong> 提供的文件预览服务。使用方法特别简单，只需要将文件链接，拼接到参数后面即可。</p><p>记得<code>encodeURL</code></p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">https</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">//view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(url)}</span></span></code></pre></div><h4 id="_1-pptx-预览效果" tabindex="-1">(1).PPTX 预览效果： <a class="header-anchor" href="#_1-pptx-预览效果" aria-label="Permalink to &quot;(1).PPTX 预览效果：&quot;">​</a></h4><p><img src="'+t+'" alt="image.png"></p><ul><li>优点：还原度很高，功能很丰富，可以选择翻页，甚至支持点击播放动画。</li><li>缺点：不知道是不是墙的原因，加载稍慢。</li></ul><h4 id="_2-excel-预览效果" tabindex="-1">(2).Excel 预览效果： <a class="header-anchor" href="#_2-excel-预览效果" aria-label="Permalink to &quot;(2).Excel 预览效果：&quot;">​</a></h4><p><img src="'+p+'" alt="image.png"></p><h4 id="_3-doxc-预览效果" tabindex="-1">(3).Doxc 预览效果 <a class="header-anchor" href="#_3-doxc-预览效果" aria-label="Permalink to &quot;(3).Doxc 预览效果&quot;">​</a></h4><p><img src="'+l+'" alt="image.png"></p><h4 id="_4-pdf-预览效果" tabindex="-1">(4).PDF 预览效果 <a class="header-anchor" href="#_4-pdf-预览效果" aria-label="Permalink to &quot;(4).PDF 预览效果&quot;">​</a></h4><p>这个我测试没有成功，返回了一个错误，其他人可以试试。</p><p><img src="'+k+'" alt="image.png"></p><h4 id="_5-总的来说" tabindex="-1">(5).总的来说 <a class="header-anchor" href="#_5-总的来说" aria-label="Permalink to &quot;(5).总的来说&quot;">​</a></h4><p>对于<code>docx</code>,<code>pptx</code>,<code>xlsx</code>都有较好的支持，<code>pdf</code>不行。</p><p>还有一个坑点是：这个服务是否稳定，有什么限制，是否收费，都查不到一个定论。在<code>office</code>官方网站上甚至找不到介绍这个东西的地方。</p><p>目前只能找到一个<code>Q&amp;A</code>:<a href="https://answers.microsoft.com/en-us/msoffice/forum/all/what-is-the-status-of-viewofficeappslivecom/830fd75c-9b47-43f9-89c9-4303703fd7f6" target="_blank" rel="noreferrer">https://answers.microsoft.com/en-us/msoffice/forum/all/what-is-the-status-of-viewofficeappslivecom/830fd75c-9b47-43f9-89c9-4303703fd7f6</a></p><p>微软官方人员回答表示：</p><p><img src="'+e+'" alt="image.png"></p><p>翻译翻译，就是：几乎永久使用，没有收费计划，不会存储预览的文件数据，限制文件<code>10MB</code>，建议用于 <strong>查看互联网上公开的文件</strong>。</p><p>但经过某些用户测试发现：</p><p><img src="'+r+'" alt="image.png"></p><p>使用了微软的文件预览服务，然后删除了文件地址，仍然可访问，但过一段时间会失效。</p><h3 id="_2-google-drive-查看器" tabindex="-1">2.Google Drive 查看器 <a class="header-anchor" href="#_2-google-drive-查看器" aria-label="Permalink to &quot;2.Google Drive 查看器&quot;">​</a></h3><p>接入简单，同 <code>Office Web Viewer</code>，只需要把 <code>src</code> 改为<code>https://drive.google.com/viewer?url=${encodeURIComponent(url)}</code>即可。</p><p>限制<code>25MB</code>,支持以下格式：</p><p><img src="'+E+'" alt="image.png"></p><p>测试效果，支持<code>docx,pptx,xlsx,pdf</code>预览，但<code>pptx</code>预览的效果不如微软，没有动画效果，样式有小部分会错乱。</p><p><strong>由于某些众所周知的原因，不可用</strong></p><h3 id="_3-阿里云-imm" tabindex="-1">3.阿里云 IMM <a class="header-anchor" href="#_3-阿里云-imm" aria-label="Permalink to &quot;3.阿里云 IMM&quot;">​</a></h3><p>官方文档如下：<a href="https://help.aliyun.com/document_detail/63273.html" target="_blank" rel="noreferrer">https://help.aliyun.com/document_detail/63273.html</a></p><p><img src="'+d+'" alt="image.png"></p><p>付费使用</p><h3 id="_4-xdoc-文档预览" tabindex="-1">4.XDOC 文档预览 <a class="header-anchor" href="#_4-xdoc-文档预览" aria-label="Permalink to &quot;4.XDOC 文档预览&quot;">​</a></h3><p>说了一些大厂的，在介绍一些其他的，<strong>需要自行分辨</strong></p><p>官网地址：<a href="https://view.xdocin.com/view-xdocin-com_6x5f4x.htm" target="_blank" rel="noreferrer">https://view.xdocin.com/view-xdocin-com_6x5f4x.htm</a></p><p><img src="'+g+'" alt="image.png"></p><h3 id="_5-office-web-365" tabindex="-1">5.Office Web 365 <a class="header-anchor" href="#_5-office-web-365" aria-label="Permalink to &quot;5.Office Web 365&quot;">​</a></h3><p>需要注意的是，虽然名字很像<code>office</code>，但我们看网页的<code>Copyright</code>可以发现，其实是一个西安的公司，<strong>不是微软</strong>。</p><p>但毕竟也提供了文件预览的服务</p><p>官网地址：<a href="https://www.officeweb365.com/" target="_blank" rel="noreferrer">https://www.officeweb365.com/</a></p><p><img src="'+o+'" alt="image.png"></p><h3 id="_6-wps-开放平台" tabindex="-1">6.WPS 开放平台 <a class="header-anchor" href="#_6-wps-开放平台" aria-label="Permalink to &quot;6.WPS 开放平台&quot;">​</a></h3><p>官方地址：<a href="https://solution.wps.cn/" target="_blank" rel="noreferrer">https://solution.wps.cn/</a></p><p><img src="'+y+'" alt="image.png"></p><p>付费使用，价格如下：</p><p><img src="'+c+'" alt="image.png"></p><h2 id="二-前端处理方案" tabindex="-1">二：前端处理方案 <a class="header-anchor" href="#二-前端处理方案" aria-label="Permalink to &quot;二：前端处理方案&quot;">​</a></h2><h3 id="_1-pptx-的预览方案" tabindex="-1">1.pptx 的预览方案 <a class="header-anchor" href="#_1-pptx-的预览方案" aria-label="Permalink to &quot;1.pptx 的预览方案&quot;">​</a></h3><p>先查一下有没有现成的轮子，目前<code>pptx</code>的开源预览方案能找到的只有这个：<a href="https://github.com/g21589/PPTX2HTML%E3%80%82%E4%BD%86%E5%B7%B2%E7%BB%8F%E5%85%AD%E4%B8%83%E5%B9%B4%E6%B2%A1%E6%9C%89%E6%9B%B4%E6%96%B0%EF%BC%8C%E4%B9%9F%E6%B2%A1%E6%9C%89%E7%BB%B4%E6%8A%A4%EF%BC%8C%E7%AC%94%E8%80%85%E4%BD%BF%E7%94%A8%E7%9A%84%E6%97%B6%E5%80%99%E5%8F%91%E7%8E%B0%E6%9C%89%E5%BE%88%E5%A4%9A%E5%85%BC%E5%AE%B9%E6%80%A7%E9%97%AE%E9%A2%98%E3%80%82" target="_blank" rel="noreferrer">https://github.com/g21589/PPTX2HTML。但已经六七年没有更新，也没有维护，笔者使用的时候发现有很多兼容性问题。</a></p><p>简单来说就是，没有。对于这种情况，我们可以自行解析，主要步骤如下：</p><ol><li>查询<code>pptx</code>的国际标准</li><li>解析<code>pptx</code>文件</li><li>渲染成<code>html</code>或者<code>canvas</code>进行展示</li></ol><p>我们先去找一下<code>pptx</code>的国际标准，官方地址：<a href="http://officeopenxml.com/" target="_blank" rel="noreferrer">officeopenxml</a></p><p>先解释下什么是<code>officeopenxml</code>:</p><blockquote><p>Office OpenXML，也称为 OpenXML 或 OOXML，是一种基于 XML 的办公文档格式，包括文字处理文档、电子表格、演示文稿以及图表、图表、形状和其他图形材料。该规范由微软开发，并于 2006 年被 ECMA 国际采用为 ECMA-376。第二个版本于 2008 年 12 月发布，第三个版本于 2011 年 6 月发布。该规范已被 ISO 和 IEC 采用为 ISO/IEC 29500。</p></blockquote><blockquote><p>虽然 Microsoft 继续支持较旧的二进制格式 (.doc、.xls 和.ppt)，但 OOXML 现在是所有 Microsoft Office 文档 (.docx、.xlsx 和.pptx) 的默认格式。</p></blockquote><p>由此可见，<code>Office OpenXML</code>由微软开发，目前已经是国际标准。接下来我们看一下<code>pptx</code>里面有哪些内容，具体可以看<code>pptx</code>的官方标准：<a href="http://officeopenxml.com/anatomyofOOXML-pptx.php" target="_blank" rel="noreferrer">officeopenxml-pptx</a></p><blockquote><p>PresentationML 或.pptx 文件是一个<strong>zip 文件</strong>，其中包含许多“部分”（通常是 UTF-8 或 UTF-16 编码）或 XML 文件。该包还可能包含其他媒体文件，例如图像。该结构根据 OOXML 标准 ECMA-376 第 2 部分中概述的开放打包约定进行组织。</p></blockquote><p><img src="'+F+`" alt="image.png"></p><p>根据国际标准，我们知道，<code>pptx</code>文件本质就是一个<code>zip</code>文件，其中包含许多部分：</p><blockquote><p>部件的数量和类型将根据演示文稿中的内容而有所不同，但始终会有一个 [Content_Types].xml、一个或多个关系（.rels）部件和一个演示文稿部件（演示文稿.xml），它位于 ppt 文件夹中，用于 Microsoft Powerpoint 文件。通常，还将至少有一个幻灯片部件，以及一张母版幻灯片和一张版式幻灯片，从中形成幻灯片。</p></blockquote><p>那么<code>js</code>如何读取<code>zip</code>呢？</p><p>找到一个工具：<a href="https://www.npmjs.com/package/jszip" target="_blank" rel="noreferrer">https://www.npmjs.com/package/jszip</a></p><p>于是我们可以开始尝试解析<code>pptx</code>了。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> JSZip </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;jszip&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 加载 pptx 数据</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> zip</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> await</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> JSZip.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">loadAsync</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(pptxData);</span></span></code></pre></div><ul><li>解析<code>[Content_Types].xml</code></li></ul><p>每个<code>pptx</code>必然会有一个 <code>[Content_Types].xml</code>。此文件包含包中部件的所有内容类型的列表。每个部件及其类型都必须列在 <code>[Content_Types].xml</code> 中。通过它里面的内容，可以解析其他的文件数据</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> filesInfo</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> await</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getContentTypes</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(zip);</span></span>
 <span class="line"></span>
diff --git a/assets/cn_src_article_functionalProgramming.md.BI-pI2Tm.js b/assets/cn_src_article_functionalProgramming.md.B0WkJbH2.js
similarity index 99%
rename from assets/cn_src_article_functionalProgramming.md.BI-pI2Tm.js
rename to assets/cn_src_article_functionalProgramming.md.B0WkJbH2.js
index cc1446657c..8317789313 100644
--- a/assets/cn_src_article_functionalProgramming.md.BI-pI2Tm.js
+++ b/assets/cn_src_article_functionalProgramming.md.B0WkJbH2.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"函数式编程","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/functionalProgramming.md","filePath":"cn/src/article/functionalProgramming.md","lastUpdated":1728129125000}'),k={name:"cn/src/article/functionalProgramming.md"};function l(p,s,t,E,e,r){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="函数式编程" tabindex="-1">函数式编程 <a class="header-anchor" href="#函数式编程" aria-label="Permalink to &quot;函数式编程&quot;">​</a></h1><ul><li>概述：函数式编程 (<code>Functional Programming</code>)<code>FP</code>就是编程规范之一，我们常听说的编程规范还有面向对象编程，面向过程编程。</li><li>面向对象的编程思维方式：把现实世界中的事物抽象成程序世界的类和对象，通过封装，继承和多态演示事物事件的联系</li><li>函数编程的思维方式：把现实世界的事物和事物之间的<strong>联系</strong>抽象到程序世界 (对运算过程进行抽象) <ul><li>程序的本质：根据输入，通过某种运算，获得相应的输出</li><li>函数式编程中的函数不是指程序中的 (函数) 方法，<strong>而是数学中的函数，即映射关系</strong></li><li>相同的输入始终要得到相同的输出 (纯函数)</li><li>函数式编程用来描述数据 (函数) 之间的映射关系</li></ul></li></ul><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">//非函数式编程，面向过程的编程方式</span></span>
+import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"函数式编程","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/functionalProgramming.md","filePath":"cn/src/article/functionalProgramming.md","lastUpdated":1728129344000}'),k={name:"cn/src/article/functionalProgramming.md"};function l(p,s,t,E,e,r){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="函数式编程" tabindex="-1">函数式编程 <a class="header-anchor" href="#函数式编程" aria-label="Permalink to &quot;函数式编程&quot;">​</a></h1><ul><li>概述：函数式编程 (<code>Functional Programming</code>)<code>FP</code>就是编程规范之一，我们常听说的编程规范还有面向对象编程，面向过程编程。</li><li>面向对象的编程思维方式：把现实世界中的事物抽象成程序世界的类和对象，通过封装，继承和多态演示事物事件的联系</li><li>函数编程的思维方式：把现实世界的事物和事物之间的<strong>联系</strong>抽象到程序世界 (对运算过程进行抽象) <ul><li>程序的本质：根据输入，通过某种运算，获得相应的输出</li><li>函数式编程中的函数不是指程序中的 (函数) 方法，<strong>而是数学中的函数，即映射关系</strong></li><li>相同的输入始终要得到相同的输出 (纯函数)</li><li>函数式编程用来描述数据 (函数) 之间的映射关系</li></ul></li></ul><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">//非函数式编程，面向过程的编程方式</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> num1 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> num2 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> sum </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> num1 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> num2;</span></span>
diff --git a/assets/cn_src_article_functionalProgramming.md.BI-pI2Tm.lean.js b/assets/cn_src_article_functionalProgramming.md.B0WkJbH2.lean.js
similarity index 99%
rename from assets/cn_src_article_functionalProgramming.md.BI-pI2Tm.lean.js
rename to assets/cn_src_article_functionalProgramming.md.B0WkJbH2.lean.js
index cc1446657c..8317789313 100644
--- a/assets/cn_src_article_functionalProgramming.md.BI-pI2Tm.lean.js
+++ b/assets/cn_src_article_functionalProgramming.md.B0WkJbH2.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"函数式编程","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/functionalProgramming.md","filePath":"cn/src/article/functionalProgramming.md","lastUpdated":1728129125000}'),k={name:"cn/src/article/functionalProgramming.md"};function l(p,s,t,E,e,r){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="函数式编程" tabindex="-1">函数式编程 <a class="header-anchor" href="#函数式编程" aria-label="Permalink to &quot;函数式编程&quot;">​</a></h1><ul><li>概述：函数式编程 (<code>Functional Programming</code>)<code>FP</code>就是编程规范之一，我们常听说的编程规范还有面向对象编程，面向过程编程。</li><li>面向对象的编程思维方式：把现实世界中的事物抽象成程序世界的类和对象，通过封装，继承和多态演示事物事件的联系</li><li>函数编程的思维方式：把现实世界的事物和事物之间的<strong>联系</strong>抽象到程序世界 (对运算过程进行抽象) <ul><li>程序的本质：根据输入，通过某种运算，获得相应的输出</li><li>函数式编程中的函数不是指程序中的 (函数) 方法，<strong>而是数学中的函数，即映射关系</strong></li><li>相同的输入始终要得到相同的输出 (纯函数)</li><li>函数式编程用来描述数据 (函数) 之间的映射关系</li></ul></li></ul><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">//非函数式编程，面向过程的编程方式</span></span>
+import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"函数式编程","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/functionalProgramming.md","filePath":"cn/src/article/functionalProgramming.md","lastUpdated":1728129344000}'),k={name:"cn/src/article/functionalProgramming.md"};function l(p,s,t,E,e,r){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="函数式编程" tabindex="-1">函数式编程 <a class="header-anchor" href="#函数式编程" aria-label="Permalink to &quot;函数式编程&quot;">​</a></h1><ul><li>概述：函数式编程 (<code>Functional Programming</code>)<code>FP</code>就是编程规范之一，我们常听说的编程规范还有面向对象编程，面向过程编程。</li><li>面向对象的编程思维方式：把现实世界中的事物抽象成程序世界的类和对象，通过封装，继承和多态演示事物事件的联系</li><li>函数编程的思维方式：把现实世界的事物和事物之间的<strong>联系</strong>抽象到程序世界 (对运算过程进行抽象) <ul><li>程序的本质：根据输入，通过某种运算，获得相应的输出</li><li>函数式编程中的函数不是指程序中的 (函数) 方法，<strong>而是数学中的函数，即映射关系</strong></li><li>相同的输入始终要得到相同的输出 (纯函数)</li><li>函数式编程用来描述数据 (函数) 之间的映射关系</li></ul></li></ul><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">//非函数式编程，面向过程的编程方式</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> num1 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> num2 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> sum </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> num1 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> num2;</span></span>
diff --git a/assets/cn_src_article_imagemin.md.CEVub_ZQ.js b/assets/cn_src_article_imagemin.md.O-LRpAFt.js
similarity index 91%
rename from assets/cn_src_article_imagemin.md.CEVub_ZQ.js
rename to assets/cn_src_article_imagemin.md.O-LRpAFt.js
index 6c9f7718ab..1fa03e847f 100644
--- a/assets/cn_src_article_imagemin.md.CEVub_ZQ.js
+++ b/assets/cn_src_article_imagemin.md.O-LRpAFt.js
@@ -1 +1 @@
-import{_ as t,o as i,c as r,j as a,a as n}from"./chunks/framework.eq-HTtE3.js";const f=JSON.parse('{"title":"imagemin 图片压缩源码分析","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/imagemin.md","filePath":"cn/src/article/imagemin.md","lastUpdated":1728129125000}'),m={name:"cn/src/article/imagemin.md"};function s(c,e,o,d,l,p){return i(),r("div",{"data-pagefind-body":!0},e[0]||(e[0]=[a("h1",{id:"imagemin-图片压缩源码分析",tabindex:"-1"},[n("imagemin 图片压缩源码分析 "),a("a",{class:"header-anchor",href:"#imagemin-图片压缩源码分析","aria-label":'Permalink to "imagemin 图片压缩源码分析"'},"​")],-1)]))}const _=t(m,[["render",s]]);export{f as __pageData,_ as default};
+import{_ as t,o as i,c as r,j as a,a as n}from"./chunks/framework.eq-HTtE3.js";const f=JSON.parse('{"title":"imagemin 图片压缩源码分析","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/imagemin.md","filePath":"cn/src/article/imagemin.md","lastUpdated":1728129344000}'),m={name:"cn/src/article/imagemin.md"};function s(c,e,o,d,l,p){return i(),r("div",{"data-pagefind-body":!0},e[0]||(e[0]=[a("h1",{id:"imagemin-图片压缩源码分析",tabindex:"-1"},[n("imagemin 图片压缩源码分析 "),a("a",{class:"header-anchor",href:"#imagemin-图片压缩源码分析","aria-label":'Permalink to "imagemin 图片压缩源码分析"'},"​")],-1)]))}const _=t(m,[["render",s]]);export{f as __pageData,_ as default};
diff --git a/assets/cn_src_article_imagemin.md.CEVub_ZQ.lean.js b/assets/cn_src_article_imagemin.md.O-LRpAFt.lean.js
similarity index 91%
rename from assets/cn_src_article_imagemin.md.CEVub_ZQ.lean.js
rename to assets/cn_src_article_imagemin.md.O-LRpAFt.lean.js
index 6c9f7718ab..1fa03e847f 100644
--- a/assets/cn_src_article_imagemin.md.CEVub_ZQ.lean.js
+++ b/assets/cn_src_article_imagemin.md.O-LRpAFt.lean.js
@@ -1 +1 @@
-import{_ as t,o as i,c as r,j as a,a as n}from"./chunks/framework.eq-HTtE3.js";const f=JSON.parse('{"title":"imagemin 图片压缩源码分析","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/imagemin.md","filePath":"cn/src/article/imagemin.md","lastUpdated":1728129125000}'),m={name:"cn/src/article/imagemin.md"};function s(c,e,o,d,l,p){return i(),r("div",{"data-pagefind-body":!0},e[0]||(e[0]=[a("h1",{id:"imagemin-图片压缩源码分析",tabindex:"-1"},[n("imagemin 图片压缩源码分析 "),a("a",{class:"header-anchor",href:"#imagemin-图片压缩源码分析","aria-label":'Permalink to "imagemin 图片压缩源码分析"'},"​")],-1)]))}const _=t(m,[["render",s]]);export{f as __pageData,_ as default};
+import{_ as t,o as i,c as r,j as a,a as n}from"./chunks/framework.eq-HTtE3.js";const f=JSON.parse('{"title":"imagemin 图片压缩源码分析","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/imagemin.md","filePath":"cn/src/article/imagemin.md","lastUpdated":1728129344000}'),m={name:"cn/src/article/imagemin.md"};function s(c,e,o,d,l,p){return i(),r("div",{"data-pagefind-body":!0},e[0]||(e[0]=[a("h1",{id:"imagemin-图片压缩源码分析",tabindex:"-1"},[n("imagemin 图片压缩源码分析 "),a("a",{class:"header-anchor",href:"#imagemin-图片压缩源码分析","aria-label":'Permalink to "imagemin 图片压缩源码分析"'},"​")],-1)]))}const _=t(m,[["render",s]]);export{f as __pageData,_ as default};
diff --git a/assets/cn_src_article_javascript_domLoad.md.CI-VlQc8.js b/assets/cn_src_article_javascript_domLoad.md.Cc9Twcl2.js
similarity index 97%
rename from assets/cn_src_article_javascript_domLoad.md.CI-VlQc8.js
rename to assets/cn_src_article_javascript_domLoad.md.Cc9Twcl2.js
index 9954a3812a..68f68535db 100644
--- a/assets/cn_src_article_javascript_domLoad.md.CI-VlQc8.js
+++ b/assets/cn_src_article_javascript_domLoad.md.Cc9Twcl2.js
@@ -1 +1 @@
-import{_ as e,o as t,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"页面加载完成后事件","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/javascript/domLoad.md","filePath":"cn/src/article/javascript/domLoad.md","lastUpdated":1728129125000}'),n={name:"cn/src/article/javascript/domLoad.md"};function o(d,a,l,r,c,h){return t(),s("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="页面加载完成后事件" tabindex="-1">页面加载完成后事件 <a class="header-anchor" href="#页面加载完成后事件" aria-label="Permalink to &quot;页面加载完成后事件&quot;">​</a></h1><h2 id="window-onload" tabindex="-1">window.onload <a class="header-anchor" href="#window-onload" aria-label="Permalink to &quot;window.onload&quot;">​</a></h2><h2 id="domcontentloaded" tabindex="-1">DOMContentLoaded <a class="header-anchor" href="#domcontentloaded" aria-label="Permalink to &quot;DOMContentLoaded&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">addEventListener</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;DOMContentLoaded&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, fun);</span></span></code></pre></div><h2 id="body-onload-fun" tabindex="-1"><code>&lt;body onload=&quot;fun()&quot;&gt;</code> <a class="header-anchor" href="#body-onload-fun" aria-label="Permalink to &quot;`&lt;body onload=&quot;fun()&quot;&gt;`&quot;">​</a></h2><h2 id="readystate" tabindex="-1">readyState <a class="header-anchor" href="#readystate" aria-label="Permalink to &quot;readyState&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.readyState;</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.onreadystatechange;</span></span></code></pre></div><p>一个文档的 readyState 可以是以下之一：</p><ul><li>loading / 加载。document 仍在加载。</li><li>interactive / 互动。文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的子资源仍在加载。</li><li>complete / 完成。T 文档和所有子资源已完成加载。状态表示 load 事件即将被触发。</li></ul>',9)]))}const k=e(n,[["render",o]]);export{u as __pageData,k as default};
+import{_ as e,o as t,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"页面加载完成后事件","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/javascript/domLoad.md","filePath":"cn/src/article/javascript/domLoad.md","lastUpdated":1728129344000}'),n={name:"cn/src/article/javascript/domLoad.md"};function o(d,a,l,r,c,h){return t(),s("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="页面加载完成后事件" tabindex="-1">页面加载完成后事件 <a class="header-anchor" href="#页面加载完成后事件" aria-label="Permalink to &quot;页面加载完成后事件&quot;">​</a></h1><h2 id="window-onload" tabindex="-1">window.onload <a class="header-anchor" href="#window-onload" aria-label="Permalink to &quot;window.onload&quot;">​</a></h2><h2 id="domcontentloaded" tabindex="-1">DOMContentLoaded <a class="header-anchor" href="#domcontentloaded" aria-label="Permalink to &quot;DOMContentLoaded&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">addEventListener</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;DOMContentLoaded&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, fun);</span></span></code></pre></div><h2 id="body-onload-fun" tabindex="-1"><code>&lt;body onload=&quot;fun()&quot;&gt;</code> <a class="header-anchor" href="#body-onload-fun" aria-label="Permalink to &quot;`&lt;body onload=&quot;fun()&quot;&gt;`&quot;">​</a></h2><h2 id="readystate" tabindex="-1">readyState <a class="header-anchor" href="#readystate" aria-label="Permalink to &quot;readyState&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.readyState;</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.onreadystatechange;</span></span></code></pre></div><p>一个文档的 readyState 可以是以下之一：</p><ul><li>loading / 加载。document 仍在加载。</li><li>interactive / 互动。文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的子资源仍在加载。</li><li>complete / 完成。T 文档和所有子资源已完成加载。状态表示 load 事件即将被触发。</li></ul>',9)]))}const k=e(n,[["render",o]]);export{u as __pageData,k as default};
diff --git a/assets/cn_src_article_javascript_domLoad.md.CI-VlQc8.lean.js b/assets/cn_src_article_javascript_domLoad.md.Cc9Twcl2.lean.js
similarity index 97%
rename from assets/cn_src_article_javascript_domLoad.md.CI-VlQc8.lean.js
rename to assets/cn_src_article_javascript_domLoad.md.Cc9Twcl2.lean.js
index 9954a3812a..68f68535db 100644
--- a/assets/cn_src_article_javascript_domLoad.md.CI-VlQc8.lean.js
+++ b/assets/cn_src_article_javascript_domLoad.md.Cc9Twcl2.lean.js
@@ -1 +1 @@
-import{_ as e,o as t,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"页面加载完成后事件","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/javascript/domLoad.md","filePath":"cn/src/article/javascript/domLoad.md","lastUpdated":1728129125000}'),n={name:"cn/src/article/javascript/domLoad.md"};function o(d,a,l,r,c,h){return t(),s("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="页面加载完成后事件" tabindex="-1">页面加载完成后事件 <a class="header-anchor" href="#页面加载完成后事件" aria-label="Permalink to &quot;页面加载完成后事件&quot;">​</a></h1><h2 id="window-onload" tabindex="-1">window.onload <a class="header-anchor" href="#window-onload" aria-label="Permalink to &quot;window.onload&quot;">​</a></h2><h2 id="domcontentloaded" tabindex="-1">DOMContentLoaded <a class="header-anchor" href="#domcontentloaded" aria-label="Permalink to &quot;DOMContentLoaded&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">addEventListener</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;DOMContentLoaded&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, fun);</span></span></code></pre></div><h2 id="body-onload-fun" tabindex="-1"><code>&lt;body onload=&quot;fun()&quot;&gt;</code> <a class="header-anchor" href="#body-onload-fun" aria-label="Permalink to &quot;`&lt;body onload=&quot;fun()&quot;&gt;`&quot;">​</a></h2><h2 id="readystate" tabindex="-1">readyState <a class="header-anchor" href="#readystate" aria-label="Permalink to &quot;readyState&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.readyState;</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.onreadystatechange;</span></span></code></pre></div><p>一个文档的 readyState 可以是以下之一：</p><ul><li>loading / 加载。document 仍在加载。</li><li>interactive / 互动。文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的子资源仍在加载。</li><li>complete / 完成。T 文档和所有子资源已完成加载。状态表示 load 事件即将被触发。</li></ul>',9)]))}const k=e(n,[["render",o]]);export{u as __pageData,k as default};
+import{_ as e,o as t,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"页面加载完成后事件","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/javascript/domLoad.md","filePath":"cn/src/article/javascript/domLoad.md","lastUpdated":1728129344000}'),n={name:"cn/src/article/javascript/domLoad.md"};function o(d,a,l,r,c,h){return t(),s("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="页面加载完成后事件" tabindex="-1">页面加载完成后事件 <a class="header-anchor" href="#页面加载完成后事件" aria-label="Permalink to &quot;页面加载完成后事件&quot;">​</a></h1><h2 id="window-onload" tabindex="-1">window.onload <a class="header-anchor" href="#window-onload" aria-label="Permalink to &quot;window.onload&quot;">​</a></h2><h2 id="domcontentloaded" tabindex="-1">DOMContentLoaded <a class="header-anchor" href="#domcontentloaded" aria-label="Permalink to &quot;DOMContentLoaded&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">addEventListener</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;DOMContentLoaded&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, fun);</span></span></code></pre></div><h2 id="body-onload-fun" tabindex="-1"><code>&lt;body onload=&quot;fun()&quot;&gt;</code> <a class="header-anchor" href="#body-onload-fun" aria-label="Permalink to &quot;`&lt;body onload=&quot;fun()&quot;&gt;`&quot;">​</a></h2><h2 id="readystate" tabindex="-1">readyState <a class="header-anchor" href="#readystate" aria-label="Permalink to &quot;readyState&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.readyState;</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.onreadystatechange;</span></span></code></pre></div><p>一个文档的 readyState 可以是以下之一：</p><ul><li>loading / 加载。document 仍在加载。</li><li>interactive / 互动。文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的子资源仍在加载。</li><li>complete / 完成。T 文档和所有子资源已完成加载。状态表示 load 事件即将被触发。</li></ul>',9)]))}const k=e(n,[["render",o]]);export{u as __pageData,k as default};
diff --git a/assets/cn_src_article_sort_bubble_index.md.Cr8QMhiM.js b/assets/cn_src_article_sort_bubble_index.md.BL_0xBSg.js
similarity index 99%
rename from assets/cn_src_article_sort_bubble_index.md.Cr8QMhiM.js
rename to assets/cn_src_article_sort_bubble_index.md.BL_0xBSg.js
index 8f3936f2cf..96be1d06bd 100644
--- a/assets/cn_src_article_sort_bubble_index.md.Cr8QMhiM.js
+++ b/assets/cn_src_article_sort_bubble_index.md.BL_0xBSg.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/bubble.Dg5jgvyl.js";import{_ as a,o as l,c as t,a3 as n}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"冒泡排序（Bubble Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/bubble/index.md","filePath":"cn/src/article/sort/bubble/index.md","lastUpdated":1728129125000}'),h={name:"cn/src/article/sort/bubble/index.md"};function k(p,s,e,r,E,d){return l(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n('<h1 id="冒泡排序-bubble-sort" tabindex="-1">冒泡排序（Bubble Sort） <a class="header-anchor" href="#冒泡排序-bubble-sort" aria-label="Permalink to &quot;冒泡排序（Bubble Sort）&quot;">​</a></h1><p>冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列，一次比较两个元素，如果它们的顺序错误就把它们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>比较相邻的元素。如果第一个比第二个大，就交换它们两个；</li><li>对每一对相邻元素作同样的工作，从开始第一对到结尾的最后一对，这样在最后的元素应该会是最大的数；</li><li>针对所有的元素重复以上的步骤，除了最后一个；</li><li>重复步骤 1~3，直到排序完成。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="冒泡排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> bubble</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/bubble.Dg5jgvyl.js";import{_ as a,o as l,c as t,a3 as n}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"冒泡排序（Bubble Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/bubble/index.md","filePath":"cn/src/article/sort/bubble/index.md","lastUpdated":1728129344000}'),h={name:"cn/src/article/sort/bubble/index.md"};function k(p,s,e,r,E,d){return l(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n('<h1 id="冒泡排序-bubble-sort" tabindex="-1">冒泡排序（Bubble Sort） <a class="header-anchor" href="#冒泡排序-bubble-sort" aria-label="Permalink to &quot;冒泡排序（Bubble Sort）&quot;">​</a></h1><p>冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列，一次比较两个元素，如果它们的顺序错误就把它们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>比较相邻的元素。如果第一个比第二个大，就交换它们两个；</li><li>对每一对相邻元素作同样的工作，从开始第一对到结尾的最后一对，这样在最后的元素应该会是最大的数；</li><li>针对所有的元素重复以上的步骤，除了最后一个；</li><li>重复步骤 1~3，直到排序完成。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="冒泡排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> bubble</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> size</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> size; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> j </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; j </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> size; j</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
diff --git a/assets/cn_src_article_sort_bubble_index.md.Cr8QMhiM.lean.js b/assets/cn_src_article_sort_bubble_index.md.BL_0xBSg.lean.js
similarity index 99%
rename from assets/cn_src_article_sort_bubble_index.md.Cr8QMhiM.lean.js
rename to assets/cn_src_article_sort_bubble_index.md.BL_0xBSg.lean.js
index 8f3936f2cf..96be1d06bd 100644
--- a/assets/cn_src_article_sort_bubble_index.md.Cr8QMhiM.lean.js
+++ b/assets/cn_src_article_sort_bubble_index.md.BL_0xBSg.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/bubble.Dg5jgvyl.js";import{_ as a,o as l,c as t,a3 as n}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"冒泡排序（Bubble Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/bubble/index.md","filePath":"cn/src/article/sort/bubble/index.md","lastUpdated":1728129125000}'),h={name:"cn/src/article/sort/bubble/index.md"};function k(p,s,e,r,E,d){return l(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n('<h1 id="冒泡排序-bubble-sort" tabindex="-1">冒泡排序（Bubble Sort） <a class="header-anchor" href="#冒泡排序-bubble-sort" aria-label="Permalink to &quot;冒泡排序（Bubble Sort）&quot;">​</a></h1><p>冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列，一次比较两个元素，如果它们的顺序错误就把它们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>比较相邻的元素。如果第一个比第二个大，就交换它们两个；</li><li>对每一对相邻元素作同样的工作，从开始第一对到结尾的最后一对，这样在最后的元素应该会是最大的数；</li><li>针对所有的元素重复以上的步骤，除了最后一个；</li><li>重复步骤 1~3，直到排序完成。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="冒泡排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> bubble</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/bubble.Dg5jgvyl.js";import{_ as a,o as l,c as t,a3 as n}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"冒泡排序（Bubble Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/bubble/index.md","filePath":"cn/src/article/sort/bubble/index.md","lastUpdated":1728129344000}'),h={name:"cn/src/article/sort/bubble/index.md"};function k(p,s,e,r,E,d){return l(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n('<h1 id="冒泡排序-bubble-sort" tabindex="-1">冒泡排序（Bubble Sort） <a class="header-anchor" href="#冒泡排序-bubble-sort" aria-label="Permalink to &quot;冒泡排序（Bubble Sort）&quot;">​</a></h1><p>冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列，一次比较两个元素，如果它们的顺序错误就把它们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>比较相邻的元素。如果第一个比第二个大，就交换它们两个；</li><li>对每一对相邻元素作同样的工作，从开始第一对到结尾的最后一对，这样在最后的元素应该会是最大的数；</li><li>针对所有的元素重复以上的步骤，除了最后一个；</li><li>重复步骤 1~3，直到排序完成。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="冒泡排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> bubble</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> size</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> size; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> j </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; j </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> size; j</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
diff --git a/assets/cn_src_article_sort_bucket_index.md.Dl_rJ3sv.js b/assets/cn_src_article_sort_bucket_index.md.CInFho5i.js
similarity index 99%
rename from assets/cn_src_article_sort_bucket_index.md.Dl_rJ3sv.js
rename to assets/cn_src_article_sort_bucket_index.md.CInFho5i.js
index a2e98c0fc0..63e49d1818 100644
--- a/assets/cn_src_article_sort_bucket_index.md.Dl_rJ3sv.js
+++ b/assets/cn_src_article_sort_bucket_index.md.CInFho5i.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"桶排序 (Bucket Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/bucket/index.md","filePath":"cn/src/article/sort/bucket/index.md","lastUpdated":1728129125000}'),n={name:"cn/src/article/sort/bucket/index.md"};function l(t,s,p,E,e,r){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="桶排序-bucket-sort" tabindex="-1">桶排序 (Bucket Sort） <a class="header-anchor" href="#桶排序-bucket-sort" aria-label="Permalink to &quot;桶排序 (Bucket Sort）&quot;">​</a></h1><p>高效与否的关键在于这个分桶函数。将数据分到有限数量的桶里，每个桶再分别排序（有可能再使用别的排序算法或是以递归方式继续使用桶排序进行排）。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>设置一个定量的数组当作空桶；</li><li>遍历输入数据，并且把数据一个一个放到对应的桶里去；</li><li>对每个不是空的桶进行排序；</li><li>从不是空的桶里把排好序的数据拼接起来。</li></ul><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> count</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">max</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 100</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"桶排序 (Bucket Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/bucket/index.md","filePath":"cn/src/article/sort/bucket/index.md","lastUpdated":1728129344000}'),n={name:"cn/src/article/sort/bucket/index.md"};function l(t,s,p,E,e,r){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="桶排序-bucket-sort" tabindex="-1">桶排序 (Bucket Sort） <a class="header-anchor" href="#桶排序-bucket-sort" aria-label="Permalink to &quot;桶排序 (Bucket Sort）&quot;">​</a></h1><p>高效与否的关键在于这个分桶函数。将数据分到有限数量的桶里，每个桶再分别排序（有可能再使用别的排序算法或是以递归方式继续使用桶排序进行排）。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>设置一个定量的数组当作空桶；</li><li>遍历输入数据，并且把数据一个一个放到对应的桶里去；</li><li>对每个不是空的桶进行排序；</li><li>从不是空的桶里把排好序的数据拼接起来。</li></ul><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> count</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">max</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 100</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> countList</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">!</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">countList[list[i]]) {</span></span>
diff --git a/assets/cn_src_article_sort_bucket_index.md.Dl_rJ3sv.lean.js b/assets/cn_src_article_sort_bucket_index.md.CInFho5i.lean.js
similarity index 99%
rename from assets/cn_src_article_sort_bucket_index.md.Dl_rJ3sv.lean.js
rename to assets/cn_src_article_sort_bucket_index.md.CInFho5i.lean.js
index a2e98c0fc0..63e49d1818 100644
--- a/assets/cn_src_article_sort_bucket_index.md.Dl_rJ3sv.lean.js
+++ b/assets/cn_src_article_sort_bucket_index.md.CInFho5i.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"桶排序 (Bucket Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/bucket/index.md","filePath":"cn/src/article/sort/bucket/index.md","lastUpdated":1728129125000}'),n={name:"cn/src/article/sort/bucket/index.md"};function l(t,s,p,E,e,r){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="桶排序-bucket-sort" tabindex="-1">桶排序 (Bucket Sort） <a class="header-anchor" href="#桶排序-bucket-sort" aria-label="Permalink to &quot;桶排序 (Bucket Sort）&quot;">​</a></h1><p>高效与否的关键在于这个分桶函数。将数据分到有限数量的桶里，每个桶再分别排序（有可能再使用别的排序算法或是以递归方式继续使用桶排序进行排）。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>设置一个定量的数组当作空桶；</li><li>遍历输入数据，并且把数据一个一个放到对应的桶里去；</li><li>对每个不是空的桶进行排序；</li><li>从不是空的桶里把排好序的数据拼接起来。</li></ul><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> count</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">max</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 100</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"桶排序 (Bucket Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/bucket/index.md","filePath":"cn/src/article/sort/bucket/index.md","lastUpdated":1728129344000}'),n={name:"cn/src/article/sort/bucket/index.md"};function l(t,s,p,E,e,r){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="桶排序-bucket-sort" tabindex="-1">桶排序 (Bucket Sort） <a class="header-anchor" href="#桶排序-bucket-sort" aria-label="Permalink to &quot;桶排序 (Bucket Sort）&quot;">​</a></h1><p>高效与否的关键在于这个分桶函数。将数据分到有限数量的桶里，每个桶再分别排序（有可能再使用别的排序算法或是以递归方式继续使用桶排序进行排）。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>设置一个定量的数组当作空桶；</li><li>遍历输入数据，并且把数据一个一个放到对应的桶里去；</li><li>对每个不是空的桶进行排序；</li><li>从不是空的桶里把排好序的数据拼接起来。</li></ul><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> count</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">max</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 100</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> countList</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">!</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">countList[list[i]]) {</span></span>
diff --git a/assets/cn_src_article_sort_count_index.md.BwHTgoYv.js b/assets/cn_src_article_sort_count_index.md.CLrg_eAi.js
similarity index 99%
rename from assets/cn_src_article_sort_count_index.md.BwHTgoYv.js
rename to assets/cn_src_article_sort_count_index.md.CLrg_eAi.js
index 29a8685604..8947639b4c 100644
--- a/assets/cn_src_article_sort_count_index.md.BwHTgoYv.js
+++ b/assets/cn_src_article_sort_count_index.md.CLrg_eAi.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/count.CcfK-WL7.js";import{_ as a,o as n,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"计数排序（ Count Sort ）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/count/index.md","filePath":"cn/src/article/sort/count/index.md","lastUpdated":1728129125000}'),t={name:"cn/src/article/sort/count/index.md"};function l(p,s,e,E,r,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="计数排序-count-sort" tabindex="-1">计数排序（ Count Sort ） <a class="header-anchor" href="#计数排序-count-sort" aria-label="Permalink to &quot;计数排序（ Count Sort ）&quot;">​</a></h1><p>计数排序（counting sort）就是一种牺牲内存空间来换取低时间复杂度的排序算法，同时它也是一种不基于比较的算法。这里的不基于比较指的是数组元素之间不存在比较大小的排序算法，我们知道，用分治法来解决排序问题最快也只能使算法的时间复杂度接近 Θ(nlogn)，即基于比较的时间复杂度存在下界 Ω(nlog⁡n)，而不基于比较的排序算法可以突破这一下界。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>找出待排序的数组中最大和最小的元素；</li><li>统计数组中每个值为 i 的元素出现的次数，存入数组 C 的第 i 项；</li><li>对所有的计数累加（从 C 中的第一个元素开始，每一项和前一项相加）；</li><li>反向填充目标数组：将每个元素 i 放在新数组的第 C(i)项，每放一个元素就将 C(i)减去 1。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="计数排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMax</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/count.CcfK-WL7.js";import{_ as a,o as n,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"计数排序（ Count Sort ）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/count/index.md","filePath":"cn/src/article/sort/count/index.md","lastUpdated":1728129344000}'),t={name:"cn/src/article/sort/count/index.md"};function l(p,s,e,E,r,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="计数排序-count-sort" tabindex="-1">计数排序（ Count Sort ） <a class="header-anchor" href="#计数排序-count-sort" aria-label="Permalink to &quot;计数排序（ Count Sort ）&quot;">​</a></h1><p>计数排序（counting sort）就是一种牺牲内存空间来换取低时间复杂度的排序算法，同时它也是一种不基于比较的算法。这里的不基于比较指的是数组元素之间不存在比较大小的排序算法，我们知道，用分治法来解决排序问题最快也只能使算法的时间复杂度接近 Θ(nlogn)，即基于比较的时间复杂度存在下界 Ω(nlog⁡n)，而不基于比较的排序算法可以突破这一下界。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>找出待排序的数组中最大和最小的元素；</li><li>统计数组中每个值为 i 的元素出现的次数，存入数组 C 的第 i 项；</li><li>对所有的计数累加（从 C 中的第一个元素开始，每一项和前一项相加）；</li><li>反向填充目标数组：将每个元素 i 放在新数组的第 C(i)项，每放一个元素就将 C(i)减去 1。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="计数排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMax</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[i]) {</span></span>
diff --git a/assets/cn_src_article_sort_count_index.md.BwHTgoYv.lean.js b/assets/cn_src_article_sort_count_index.md.CLrg_eAi.lean.js
similarity index 99%
rename from assets/cn_src_article_sort_count_index.md.BwHTgoYv.lean.js
rename to assets/cn_src_article_sort_count_index.md.CLrg_eAi.lean.js
index 29a8685604..8947639b4c 100644
--- a/assets/cn_src_article_sort_count_index.md.BwHTgoYv.lean.js
+++ b/assets/cn_src_article_sort_count_index.md.CLrg_eAi.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/count.CcfK-WL7.js";import{_ as a,o as n,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"计数排序（ Count Sort ）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/count/index.md","filePath":"cn/src/article/sort/count/index.md","lastUpdated":1728129125000}'),t={name:"cn/src/article/sort/count/index.md"};function l(p,s,e,E,r,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="计数排序-count-sort" tabindex="-1">计数排序（ Count Sort ） <a class="header-anchor" href="#计数排序-count-sort" aria-label="Permalink to &quot;计数排序（ Count Sort ）&quot;">​</a></h1><p>计数排序（counting sort）就是一种牺牲内存空间来换取低时间复杂度的排序算法，同时它也是一种不基于比较的算法。这里的不基于比较指的是数组元素之间不存在比较大小的排序算法，我们知道，用分治法来解决排序问题最快也只能使算法的时间复杂度接近 Θ(nlogn)，即基于比较的时间复杂度存在下界 Ω(nlog⁡n)，而不基于比较的排序算法可以突破这一下界。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>找出待排序的数组中最大和最小的元素；</li><li>统计数组中每个值为 i 的元素出现的次数，存入数组 C 的第 i 项；</li><li>对所有的计数累加（从 C 中的第一个元素开始，每一项和前一项相加）；</li><li>反向填充目标数组：将每个元素 i 放在新数组的第 C(i)项，每放一个元素就将 C(i)减去 1。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="计数排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMax</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/count.CcfK-WL7.js";import{_ as a,o as n,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"计数排序（ Count Sort ）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/count/index.md","filePath":"cn/src/article/sort/count/index.md","lastUpdated":1728129344000}'),t={name:"cn/src/article/sort/count/index.md"};function l(p,s,e,E,r,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="计数排序-count-sort" tabindex="-1">计数排序（ Count Sort ） <a class="header-anchor" href="#计数排序-count-sort" aria-label="Permalink to &quot;计数排序（ Count Sort ）&quot;">​</a></h1><p>计数排序（counting sort）就是一种牺牲内存空间来换取低时间复杂度的排序算法，同时它也是一种不基于比较的算法。这里的不基于比较指的是数组元素之间不存在比较大小的排序算法，我们知道，用分治法来解决排序问题最快也只能使算法的时间复杂度接近 Θ(nlogn)，即基于比较的时间复杂度存在下界 Ω(nlog⁡n)，而不基于比较的排序算法可以突破这一下界。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>找出待排序的数组中最大和最小的元素；</li><li>统计数组中每个值为 i 的元素出现的次数，存入数组 C 的第 i 项；</li><li>对所有的计数累加（从 C 中的第一个元素开始，每一项和前一项相加）；</li><li>反向填充目标数组：将每个元素 i 放在新数组的第 C(i)项，每放一个元素就将 C(i)减去 1。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="计数排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMax</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[i]) {</span></span>
diff --git a/assets/cn_src_article_sort_heap_index.md.oxRUNOKZ.js b/assets/cn_src_article_sort_heap_index.md.CjUwiufT.js
similarity index 99%
rename from assets/cn_src_article_sort_heap_index.md.oxRUNOKZ.js
rename to assets/cn_src_article_sort_heap_index.md.CjUwiufT.js
index 18a0a22e19..92e7b20249 100644
--- a/assets/cn_src_article_sort_heap_index.md.oxRUNOKZ.js
+++ b/assets/cn_src_article_sort_heap_index.md.CjUwiufT.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/heap.xduQWyUN.js";import{_ as a,o as h,c as n,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"堆排序（Heap Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/heap/index.md","filePath":"cn/src/article/sort/heap/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/article/sort/heap/index.md"};function t(p,s,e,E,r,d){return h(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="堆排序-heap-sort" tabindex="-1">堆排序（Heap Sort） <a class="header-anchor" href="#堆排序-heap-sort" aria-label="Permalink to &quot;堆排序（Heap Sort）&quot;">​</a></h1><p>堆排序（Heapsort）是指利用堆这种数据结构所设计的一种排序算法。堆积是一个近似完全二叉树的结构，并同时满足堆积的性质：即子结点的键值或索引总是小于（或者大于）它的父节点。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>将初始待排序关键字序列(R1,R2….Rn)构建成大顶堆，此堆为初始的无序区；</li><li>将堆顶元素 R[1]与最后一个元素 R[n]交换，此时得到新的无序区(R1,R2,……Rn-1)和新的有序区(Rn),且满足 R[1,2…n-1]&lt;=R[n]；</li><li>由于交换后新的堆顶 R[1]可能违反堆的性质，因此需要对当前无序区(R1,R2,……Rn-1)调整为新堆，然后再次将 R[1]与无序区最后一个元素交换，得到新的无序区(R1,R2….Rn-2)和新的有序区(Rn-1,Rn)。不断重复此过程直到有序区的元素个数为 n-1，则整个排序过程完成。</li><li>升序用大根堆，降序用小根堆</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="堆排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">class</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Heap</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/heap.xduQWyUN.js";import{_ as a,o as h,c as n,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"堆排序（Heap Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/heap/index.md","filePath":"cn/src/article/sort/heap/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/article/sort/heap/index.md"};function t(p,s,e,E,r,d){return h(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="堆排序-heap-sort" tabindex="-1">堆排序（Heap Sort） <a class="header-anchor" href="#堆排序-heap-sort" aria-label="Permalink to &quot;堆排序（Heap Sort）&quot;">​</a></h1><p>堆排序（Heapsort）是指利用堆这种数据结构所设计的一种排序算法。堆积是一个近似完全二叉树的结构，并同时满足堆积的性质：即子结点的键值或索引总是小于（或者大于）它的父节点。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>将初始待排序关键字序列(R1,R2….Rn)构建成大顶堆，此堆为初始的无序区；</li><li>将堆顶元素 R[1]与最后一个元素 R[n]交换，此时得到新的无序区(R1,R2,……Rn-1)和新的有序区(Rn),且满足 R[1,2…n-1]&lt;=R[n]；</li><li>由于交换后新的堆顶 R[1]可能违反堆的性质，因此需要对当前无序区(R1,R2,……Rn-1)调整为新堆，然后再次将 R[1]与无序区最后一个元素交换，得到新的无序区(R1,R2….Rn-2)和新的有序区(Rn-1,Rn)。不断重复此过程直到有序区的元素个数为 n-1，则整个排序过程完成。</li><li>升序用大根堆，降序用小根堆</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="堆排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">class</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Heap</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  size</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  constructor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> []) {</span></span>
diff --git a/assets/cn_src_article_sort_heap_index.md.oxRUNOKZ.lean.js b/assets/cn_src_article_sort_heap_index.md.CjUwiufT.lean.js
similarity index 99%
rename from assets/cn_src_article_sort_heap_index.md.oxRUNOKZ.lean.js
rename to assets/cn_src_article_sort_heap_index.md.CjUwiufT.lean.js
index 18a0a22e19..92e7b20249 100644
--- a/assets/cn_src_article_sort_heap_index.md.oxRUNOKZ.lean.js
+++ b/assets/cn_src_article_sort_heap_index.md.CjUwiufT.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/heap.xduQWyUN.js";import{_ as a,o as h,c as n,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"堆排序（Heap Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/heap/index.md","filePath":"cn/src/article/sort/heap/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/article/sort/heap/index.md"};function t(p,s,e,E,r,d){return h(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="堆排序-heap-sort" tabindex="-1">堆排序（Heap Sort） <a class="header-anchor" href="#堆排序-heap-sort" aria-label="Permalink to &quot;堆排序（Heap Sort）&quot;">​</a></h1><p>堆排序（Heapsort）是指利用堆这种数据结构所设计的一种排序算法。堆积是一个近似完全二叉树的结构，并同时满足堆积的性质：即子结点的键值或索引总是小于（或者大于）它的父节点。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>将初始待排序关键字序列(R1,R2….Rn)构建成大顶堆，此堆为初始的无序区；</li><li>将堆顶元素 R[1]与最后一个元素 R[n]交换，此时得到新的无序区(R1,R2,……Rn-1)和新的有序区(Rn),且满足 R[1,2…n-1]&lt;=R[n]；</li><li>由于交换后新的堆顶 R[1]可能违反堆的性质，因此需要对当前无序区(R1,R2,……Rn-1)调整为新堆，然后再次将 R[1]与无序区最后一个元素交换，得到新的无序区(R1,R2….Rn-2)和新的有序区(Rn-1,Rn)。不断重复此过程直到有序区的元素个数为 n-1，则整个排序过程完成。</li><li>升序用大根堆，降序用小根堆</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="堆排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">class</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Heap</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/heap.xduQWyUN.js";import{_ as a,o as h,c as n,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"堆排序（Heap Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/heap/index.md","filePath":"cn/src/article/sort/heap/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/article/sort/heap/index.md"};function t(p,s,e,E,r,d){return h(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="堆排序-heap-sort" tabindex="-1">堆排序（Heap Sort） <a class="header-anchor" href="#堆排序-heap-sort" aria-label="Permalink to &quot;堆排序（Heap Sort）&quot;">​</a></h1><p>堆排序（Heapsort）是指利用堆这种数据结构所设计的一种排序算法。堆积是一个近似完全二叉树的结构，并同时满足堆积的性质：即子结点的键值或索引总是小于（或者大于）它的父节点。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>将初始待排序关键字序列(R1,R2….Rn)构建成大顶堆，此堆为初始的无序区；</li><li>将堆顶元素 R[1]与最后一个元素 R[n]交换，此时得到新的无序区(R1,R2,……Rn-1)和新的有序区(Rn),且满足 R[1,2…n-1]&lt;=R[n]；</li><li>由于交换后新的堆顶 R[1]可能违反堆的性质，因此需要对当前无序区(R1,R2,……Rn-1)调整为新堆，然后再次将 R[1]与无序区最后一个元素交换，得到新的无序区(R1,R2….Rn-2)和新的有序区(Rn-1,Rn)。不断重复此过程直到有序区的元素个数为 n-1，则整个排序过程完成。</li><li>升序用大根堆，降序用小根堆</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="堆排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">class</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Heap</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  size</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  constructor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> []) {</span></span>
diff --git a/assets/cn_src_article_sort_index.md.V1uGWtUp.js b/assets/cn_src_article_sort_index.md.BhyMit8Y.js
similarity index 96%
rename from assets/cn_src_article_sort_index.md.V1uGWtUp.js
rename to assets/cn_src_article_sort_index.md.BhyMit8Y.js
index 636347e11b..5fe3e4f714 100644
--- a/assets/cn_src_article_sort_index.md.V1uGWtUp.js
+++ b/assets/cn_src_article_sort_index.md.BhyMit8Y.js
@@ -1 +1 @@
-import{_ as t,a as e}from"./chunks/complexity.CSkvDr7k.js";import{_ as r,o as i,c as o,a3 as l}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"十大经典排序","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/index.md","filePath":"cn/src/article/sort/index.md","lastUpdated":1728129125000}'),n={name:"cn/src/article/sort/index.md"};function s(c,a,d,p,m,h){return i(),o("div",{"data-pagefind-body":!0},a[0]||(a[0]=[l('<h1 id="十大经典排序" tabindex="-1">十大经典排序 <a class="header-anchor" href="#十大经典排序" aria-label="Permalink to &quot;十大经典排序&quot;">​</a></h1><p>十种常见排序算法可以分为两大类：</p><ul><li><strong>比较类排序</strong>：通过比较来决定元素间的相对次序，由于其时间复杂度不能突破 O(nlogn)，因此也称为非线性时间比较类排序。</li><li><strong>非比较类排序</strong>：不通过比较来决定元素间的相对次序，它可以突破基于比较排序的时间下界，以线性时间运行，因此也称为线性时间非比较类排序。</li></ul><p><img src="'+t+'" alt="排序分类"></p><h2 id="算法复杂度" tabindex="-1">算法复杂度 <a class="header-anchor" href="#算法复杂度" aria-label="Permalink to &quot;算法复杂度&quot;">​</a></h2><p><img src="'+e+'" alt="算法复杂度"></p><h2 id="相关概念" tabindex="-1">相关概念 <a class="header-anchor" href="#相关概念" aria-label="Permalink to &quot;相关概念&quot;">​</a></h2><ul><li>稳定：如果 a 原本在 b 前面，而 a=b，排序之后 a 仍然在 b 的前面。</li><li>不稳定：如果 a 原本在 b 的前面，而 a=b，排序之后 a 可能会出现在 b 的后面。</li><li>时间复杂度：对排序数据的总的操作次数。反映当 n 变化时，操作次数呈现什么规律。</li><li>空间复杂度：是指算法在计算机内执行时所需存储空间的度量，它也是数据规模 n 的函数。</li></ul>',8)]))}const f=r(n,[["render",s]]);export{b as __pageData,f as default};
+import{_ as t,a as e}from"./chunks/complexity.CSkvDr7k.js";import{_ as r,o as i,c as o,a3 as l}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"十大经典排序","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/index.md","filePath":"cn/src/article/sort/index.md","lastUpdated":1728129344000}'),n={name:"cn/src/article/sort/index.md"};function s(c,a,d,p,m,h){return i(),o("div",{"data-pagefind-body":!0},a[0]||(a[0]=[l('<h1 id="十大经典排序" tabindex="-1">十大经典排序 <a class="header-anchor" href="#十大经典排序" aria-label="Permalink to &quot;十大经典排序&quot;">​</a></h1><p>十种常见排序算法可以分为两大类：</p><ul><li><strong>比较类排序</strong>：通过比较来决定元素间的相对次序，由于其时间复杂度不能突破 O(nlogn)，因此也称为非线性时间比较类排序。</li><li><strong>非比较类排序</strong>：不通过比较来决定元素间的相对次序，它可以突破基于比较排序的时间下界，以线性时间运行，因此也称为线性时间非比较类排序。</li></ul><p><img src="'+t+'" alt="排序分类"></p><h2 id="算法复杂度" tabindex="-1">算法复杂度 <a class="header-anchor" href="#算法复杂度" aria-label="Permalink to &quot;算法复杂度&quot;">​</a></h2><p><img src="'+e+'" alt="算法复杂度"></p><h2 id="相关概念" tabindex="-1">相关概念 <a class="header-anchor" href="#相关概念" aria-label="Permalink to &quot;相关概念&quot;">​</a></h2><ul><li>稳定：如果 a 原本在 b 前面，而 a=b，排序之后 a 仍然在 b 的前面。</li><li>不稳定：如果 a 原本在 b 的前面，而 a=b，排序之后 a 可能会出现在 b 的后面。</li><li>时间复杂度：对排序数据的总的操作次数。反映当 n 变化时，操作次数呈现什么规律。</li><li>空间复杂度：是指算法在计算机内执行时所需存储空间的度量，它也是数据规模 n 的函数。</li></ul>',8)]))}const f=r(n,[["render",s]]);export{b as __pageData,f as default};
diff --git a/assets/cn_src_article_sort_index.md.V1uGWtUp.lean.js b/assets/cn_src_article_sort_index.md.BhyMit8Y.lean.js
similarity index 96%
rename from assets/cn_src_article_sort_index.md.V1uGWtUp.lean.js
rename to assets/cn_src_article_sort_index.md.BhyMit8Y.lean.js
index 636347e11b..5fe3e4f714 100644
--- a/assets/cn_src_article_sort_index.md.V1uGWtUp.lean.js
+++ b/assets/cn_src_article_sort_index.md.BhyMit8Y.lean.js
@@ -1 +1 @@
-import{_ as t,a as e}from"./chunks/complexity.CSkvDr7k.js";import{_ as r,o as i,c as o,a3 as l}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"十大经典排序","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/index.md","filePath":"cn/src/article/sort/index.md","lastUpdated":1728129125000}'),n={name:"cn/src/article/sort/index.md"};function s(c,a,d,p,m,h){return i(),o("div",{"data-pagefind-body":!0},a[0]||(a[0]=[l('<h1 id="十大经典排序" tabindex="-1">十大经典排序 <a class="header-anchor" href="#十大经典排序" aria-label="Permalink to &quot;十大经典排序&quot;">​</a></h1><p>十种常见排序算法可以分为两大类：</p><ul><li><strong>比较类排序</strong>：通过比较来决定元素间的相对次序，由于其时间复杂度不能突破 O(nlogn)，因此也称为非线性时间比较类排序。</li><li><strong>非比较类排序</strong>：不通过比较来决定元素间的相对次序，它可以突破基于比较排序的时间下界，以线性时间运行，因此也称为线性时间非比较类排序。</li></ul><p><img src="'+t+'" alt="排序分类"></p><h2 id="算法复杂度" tabindex="-1">算法复杂度 <a class="header-anchor" href="#算法复杂度" aria-label="Permalink to &quot;算法复杂度&quot;">​</a></h2><p><img src="'+e+'" alt="算法复杂度"></p><h2 id="相关概念" tabindex="-1">相关概念 <a class="header-anchor" href="#相关概念" aria-label="Permalink to &quot;相关概念&quot;">​</a></h2><ul><li>稳定：如果 a 原本在 b 前面，而 a=b，排序之后 a 仍然在 b 的前面。</li><li>不稳定：如果 a 原本在 b 的前面，而 a=b，排序之后 a 可能会出现在 b 的后面。</li><li>时间复杂度：对排序数据的总的操作次数。反映当 n 变化时，操作次数呈现什么规律。</li><li>空间复杂度：是指算法在计算机内执行时所需存储空间的度量，它也是数据规模 n 的函数。</li></ul>',8)]))}const f=r(n,[["render",s]]);export{b as __pageData,f as default};
+import{_ as t,a as e}from"./chunks/complexity.CSkvDr7k.js";import{_ as r,o as i,c as o,a3 as l}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"十大经典排序","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/index.md","filePath":"cn/src/article/sort/index.md","lastUpdated":1728129344000}'),n={name:"cn/src/article/sort/index.md"};function s(c,a,d,p,m,h){return i(),o("div",{"data-pagefind-body":!0},a[0]||(a[0]=[l('<h1 id="十大经典排序" tabindex="-1">十大经典排序 <a class="header-anchor" href="#十大经典排序" aria-label="Permalink to &quot;十大经典排序&quot;">​</a></h1><p>十种常见排序算法可以分为两大类：</p><ul><li><strong>比较类排序</strong>：通过比较来决定元素间的相对次序，由于其时间复杂度不能突破 O(nlogn)，因此也称为非线性时间比较类排序。</li><li><strong>非比较类排序</strong>：不通过比较来决定元素间的相对次序，它可以突破基于比较排序的时间下界，以线性时间运行，因此也称为线性时间非比较类排序。</li></ul><p><img src="'+t+'" alt="排序分类"></p><h2 id="算法复杂度" tabindex="-1">算法复杂度 <a class="header-anchor" href="#算法复杂度" aria-label="Permalink to &quot;算法复杂度&quot;">​</a></h2><p><img src="'+e+'" alt="算法复杂度"></p><h2 id="相关概念" tabindex="-1">相关概念 <a class="header-anchor" href="#相关概念" aria-label="Permalink to &quot;相关概念&quot;">​</a></h2><ul><li>稳定：如果 a 原本在 b 前面，而 a=b，排序之后 a 仍然在 b 的前面。</li><li>不稳定：如果 a 原本在 b 的前面，而 a=b，排序之后 a 可能会出现在 b 的后面。</li><li>时间复杂度：对排序数据的总的操作次数。反映当 n 变化时，操作次数呈现什么规律。</li><li>空间复杂度：是指算法在计算机内执行时所需存储空间的度量，它也是数据规模 n 的函数。</li></ul>',8)]))}const f=r(n,[["render",s]]);export{b as __pageData,f as default};
diff --git a/assets/cn_src_article_sort_insert_index.md.BPxYKrUM.js b/assets/cn_src_article_sort_insert_index.md.C4G7YeWl.js
similarity index 99%
rename from assets/cn_src_article_sort_insert_index.md.BPxYKrUM.js
rename to assets/cn_src_article_sort_insert_index.md.C4G7YeWl.js
index a84b803de9..adbe614a8a 100644
--- a/assets/cn_src_article_sort_insert_index.md.BPxYKrUM.js
+++ b/assets/cn_src_article_sort_insert_index.md.C4G7YeWl.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/insert.Bde3uDH4.js";import{_ as a,o as n,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"插入排序（Insert Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/insert/index.md","filePath":"cn/src/article/sort/insert/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/article/sort/insert/index.md"};function k(p,s,e,r,E,d){return n(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1 id="插入排序-insert-sort" tabindex="-1">插入排序（Insert Sort） <a class="header-anchor" href="#插入排序-insert-sort" aria-label="Permalink to &quot;插入排序（Insert Sort）&quot;">​</a></h1><p>表现稳定的排序算法，因为无论什么数据进去都是 O(n2)的时间复杂度，所以用到它的时候，数据规模越小越好。优点是不占用额外的内存空间。工作原理是通过构建有序序列，对于未排序数据，在已排序序列中从后向前扫描，找到相应位置并插入。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>从第一个元素开始，该元素可以认为已经被排序；</li><li>取出下一个元素，在已经排序的元素序列中从后向前扫描；</li><li>如果该元素（已排序）大于新元素，将该元素移到下一位置；</li><li>重复步骤 3，直到找到已排序的元素小于或者等于新元素的位置；</li><li>将新元素插入到该位置后；</li><li>重复步骤 2~5。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="插入排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> insert</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[])</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/insert.Bde3uDH4.js";import{_ as a,o as n,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"插入排序（Insert Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/insert/index.md","filePath":"cn/src/article/sort/insert/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/article/sort/insert/index.md"};function k(p,s,e,r,E,d){return n(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1 id="插入排序-insert-sort" tabindex="-1">插入排序（Insert Sort） <a class="header-anchor" href="#插入排序-insert-sort" aria-label="Permalink to &quot;插入排序（Insert Sort）&quot;">​</a></h1><p>表现稳定的排序算法，因为无论什么数据进去都是 O(n2)的时间复杂度，所以用到它的时候，数据规模越小越好。优点是不占用额外的内存空间。工作原理是通过构建有序序列，对于未排序数据，在已排序序列中从后向前扫描，找到相应位置并插入。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>从第一个元素开始，该元素可以认为已经被排序；</li><li>取出下一个元素，在已经排序的元素序列中从后向前扫描；</li><li>如果该元素（已排序）大于新元素，将该元素移到下一位置；</li><li>重复步骤 3，直到找到已排序的元素小于或者等于新元素的位置；</li><li>将新元素插入到该位置后；</li><li>重复步骤 2~5。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="插入排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> insert</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[])</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> size</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> size; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> current</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[i];</span></span>
diff --git a/assets/cn_src_article_sort_insert_index.md.BPxYKrUM.lean.js b/assets/cn_src_article_sort_insert_index.md.C4G7YeWl.lean.js
similarity index 99%
rename from assets/cn_src_article_sort_insert_index.md.BPxYKrUM.lean.js
rename to assets/cn_src_article_sort_insert_index.md.C4G7YeWl.lean.js
index a84b803de9..adbe614a8a 100644
--- a/assets/cn_src_article_sort_insert_index.md.BPxYKrUM.lean.js
+++ b/assets/cn_src_article_sort_insert_index.md.C4G7YeWl.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/insert.Bde3uDH4.js";import{_ as a,o as n,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"插入排序（Insert Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/insert/index.md","filePath":"cn/src/article/sort/insert/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/article/sort/insert/index.md"};function k(p,s,e,r,E,d){return n(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1 id="插入排序-insert-sort" tabindex="-1">插入排序（Insert Sort） <a class="header-anchor" href="#插入排序-insert-sort" aria-label="Permalink to &quot;插入排序（Insert Sort）&quot;">​</a></h1><p>表现稳定的排序算法，因为无论什么数据进去都是 O(n2)的时间复杂度，所以用到它的时候，数据规模越小越好。优点是不占用额外的内存空间。工作原理是通过构建有序序列，对于未排序数据，在已排序序列中从后向前扫描，找到相应位置并插入。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>从第一个元素开始，该元素可以认为已经被排序；</li><li>取出下一个元素，在已经排序的元素序列中从后向前扫描；</li><li>如果该元素（已排序）大于新元素，将该元素移到下一位置；</li><li>重复步骤 3，直到找到已排序的元素小于或者等于新元素的位置；</li><li>将新元素插入到该位置后；</li><li>重复步骤 2~5。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="插入排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> insert</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[])</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/insert.Bde3uDH4.js";import{_ as a,o as n,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"插入排序（Insert Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/insert/index.md","filePath":"cn/src/article/sort/insert/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/article/sort/insert/index.md"};function k(p,s,e,r,E,d){return n(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1 id="插入排序-insert-sort" tabindex="-1">插入排序（Insert Sort） <a class="header-anchor" href="#插入排序-insert-sort" aria-label="Permalink to &quot;插入排序（Insert Sort）&quot;">​</a></h1><p>表现稳定的排序算法，因为无论什么数据进去都是 O(n2)的时间复杂度，所以用到它的时候，数据规模越小越好。优点是不占用额外的内存空间。工作原理是通过构建有序序列，对于未排序数据，在已排序序列中从后向前扫描，找到相应位置并插入。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>从第一个元素开始，该元素可以认为已经被排序；</li><li>取出下一个元素，在已经排序的元素序列中从后向前扫描；</li><li>如果该元素（已排序）大于新元素，将该元素移到下一位置；</li><li>重复步骤 3，直到找到已排序的元素小于或者等于新元素的位置；</li><li>将新元素插入到该位置后；</li><li>重复步骤 2~5。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="插入排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> insert</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[])</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> size</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> size; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> current</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[i];</span></span>
diff --git a/assets/cn_src_article_sort_merge_index.md.Dz-ycn2t.js b/assets/cn_src_article_sort_merge_index.md.CrLtJpMk.js
similarity index 99%
rename from assets/cn_src_article_sort_merge_index.md.Dz-ycn2t.js
rename to assets/cn_src_article_sort_merge_index.md.CrLtJpMk.js
index 8ece4ff7ef..4aff7a2eb2 100644
--- a/assets/cn_src_article_sort_merge_index.md.Dz-ycn2t.js
+++ b/assets/cn_src_article_sort_merge_index.md.CrLtJpMk.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/merge.D_M4N_iU.js";import{_ as a,o as h,c as n,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"归并排序（Merge Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/merge/index.md","filePath":"cn/src/article/sort/merge/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/article/sort/merge/index.md"};function t(p,s,e,E,r,d){return h(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="归并排序-merge-sort" tabindex="-1">归并排序（Merge Sort） <a class="header-anchor" href="#归并排序-merge-sort" aria-label="Permalink to &quot;归并排序（Merge Sort）&quot;">​</a></h1><p>归并排序是建立在归并操作上的一种有效的排序算法。该算法是采用分治法（Divide and Conquer）的一个非常典型的应用。将已有序的子序列合并，得到完全有序的序列；即先使每个子序列有序，再使子序列段间有序。若将两个有序表合并成一个有序表，称为 2-路归并。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>把长度为 n 的输入序列分成两个长度为 n/2 的子序列；</li><li>对这两个子序列分别采用归并排序；</li><li>将两个排序好的子序列合并成一个最终的排序序列。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="归并排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> combine</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">left</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">right</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/merge.D_M4N_iU.js";import{_ as a,o as h,c as n,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"归并排序（Merge Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/merge/index.md","filePath":"cn/src/article/sort/merge/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/article/sort/merge/index.md"};function t(p,s,e,E,r,d){return h(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="归并排序-merge-sort" tabindex="-1">归并排序（Merge Sort） <a class="header-anchor" href="#归并排序-merge-sort" aria-label="Permalink to &quot;归并排序（Merge Sort）&quot;">​</a></h1><p>归并排序是建立在归并操作上的一种有效的排序算法。该算法是采用分治法（Divide and Conquer）的一个非常典型的应用。将已有序的子序列合并，得到完全有序的序列；即先使每个子序列有序，再使子序列段间有序。若将两个有序表合并成一个有序表，称为 2-路归并。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>把长度为 n 的输入序列分成两个长度为 n/2 的子序列；</li><li>对这两个子序列分别采用归并排序；</li><li>将两个排序好的子序列合并成一个最终的排序序列。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="归并排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> combine</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">left</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">right</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  while</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (left.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &amp;&amp;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> right.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (left[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> right[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]) {</span></span>
diff --git a/assets/cn_src_article_sort_merge_index.md.Dz-ycn2t.lean.js b/assets/cn_src_article_sort_merge_index.md.CrLtJpMk.lean.js
similarity index 99%
rename from assets/cn_src_article_sort_merge_index.md.Dz-ycn2t.lean.js
rename to assets/cn_src_article_sort_merge_index.md.CrLtJpMk.lean.js
index 8ece4ff7ef..4aff7a2eb2 100644
--- a/assets/cn_src_article_sort_merge_index.md.Dz-ycn2t.lean.js
+++ b/assets/cn_src_article_sort_merge_index.md.CrLtJpMk.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/merge.D_M4N_iU.js";import{_ as a,o as h,c as n,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"归并排序（Merge Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/merge/index.md","filePath":"cn/src/article/sort/merge/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/article/sort/merge/index.md"};function t(p,s,e,E,r,d){return h(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="归并排序-merge-sort" tabindex="-1">归并排序（Merge Sort） <a class="header-anchor" href="#归并排序-merge-sort" aria-label="Permalink to &quot;归并排序（Merge Sort）&quot;">​</a></h1><p>归并排序是建立在归并操作上的一种有效的排序算法。该算法是采用分治法（Divide and Conquer）的一个非常典型的应用。将已有序的子序列合并，得到完全有序的序列；即先使每个子序列有序，再使子序列段间有序。若将两个有序表合并成一个有序表，称为 2-路归并。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>把长度为 n 的输入序列分成两个长度为 n/2 的子序列；</li><li>对这两个子序列分别采用归并排序；</li><li>将两个排序好的子序列合并成一个最终的排序序列。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="归并排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> combine</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">left</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">right</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/merge.D_M4N_iU.js";import{_ as a,o as h,c as n,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"归并排序（Merge Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/merge/index.md","filePath":"cn/src/article/sort/merge/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/article/sort/merge/index.md"};function t(p,s,e,E,r,d){return h(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="归并排序-merge-sort" tabindex="-1">归并排序（Merge Sort） <a class="header-anchor" href="#归并排序-merge-sort" aria-label="Permalink to &quot;归并排序（Merge Sort）&quot;">​</a></h1><p>归并排序是建立在归并操作上的一种有效的排序算法。该算法是采用分治法（Divide and Conquer）的一个非常典型的应用。将已有序的子序列合并，得到完全有序的序列；即先使每个子序列有序，再使子序列段间有序。若将两个有序表合并成一个有序表，称为 2-路归并。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>把长度为 n 的输入序列分成两个长度为 n/2 的子序列；</li><li>对这两个子序列分别采用归并排序；</li><li>将两个排序好的子序列合并成一个最终的排序序列。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="归并排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> combine</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">left</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">right</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  while</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (left.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &amp;&amp;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> right.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (left[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> right[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]) {</span></span>
diff --git a/assets/cn_src_article_sort_quick_index.md.Dm-fpFZL.js b/assets/cn_src_article_sort_quick_index.md.CmIbA4AB.js
similarity index 99%
rename from assets/cn_src_article_sort_quick_index.md.Dm-fpFZL.js
rename to assets/cn_src_article_sort_quick_index.md.CmIbA4AB.js
index e97c3db4a7..1b0e5b105d 100644
--- a/assets/cn_src_article_sort_quick_index.md.Dm-fpFZL.js
+++ b/assets/cn_src_article_sort_quick_index.md.CmIbA4AB.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/quick.WcLzRUPH.js";import{_ as a,o as n,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"快速排序（Quick Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/quick/index.md","filePath":"cn/src/article/sort/quick/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/article/sort/quick/index.md"};function t(p,s,e,r,E,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="快速排序-quick-sort" tabindex="-1">快速排序（Quick Sort） <a class="header-anchor" href="#快速排序-quick-sort" aria-label="Permalink to &quot;快速排序（Quick Sort）&quot;">​</a></h1><p>快速排序的基本思想：通过一趟排序将待排记录分隔成独立的两部分，其中一部分记录的关键字均比另一部分的关键字小，则可分别对这两部分记录继续进行排序，以达到整个序列有序。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><p>快速排序使用分治法来把一个串（list）分为两个子串（sub-lists）。具体算法描述如下：</p><ul><li>从数列中挑出一个元素，称为 “基准”（pivot）；</li><li>重新排序数列，所有元素比基准值小的摆放在基准前面，所有元素比基准值大的摆在基准的后面（相同的数可以到任一边）。在这个分区退出之后，该基准就处于数列的中间位置。这个称为分区（partition）操作；</li><li>递归地（recursive）把小于基准值元素的子数列和大于基准值元素的子数列排序。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="快速排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
+import{_ as i}from"./chunks/quick.WcLzRUPH.js";import{_ as a,o as n,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"快速排序（Quick Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/quick/index.md","filePath":"cn/src/article/sort/quick/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/article/sort/quick/index.md"};function t(p,s,e,r,E,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="快速排序-quick-sort" tabindex="-1">快速排序（Quick Sort） <a class="header-anchor" href="#快速排序-quick-sort" aria-label="Permalink to &quot;快速排序（Quick Sort）&quot;">​</a></h1><p>快速排序的基本思想：通过一趟排序将待排记录分隔成独立的两部分，其中一部分记录的关键字均比另一部分的关键字小，则可分别对这两部分记录继续进行排序，以达到整个序列有序。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><p>快速排序使用分治法来把一个串（list）分为两个子串（sub-lists）。具体算法描述如下：</p><ul><li>从数列中挑出一个元素，称为 “基准”（pivot）；</li><li>重新排序数列，所有元素比基准值小的摆放在基准前面，所有元素比基准值大的摆在基准的后面（相同的数可以到任一边）。在这个分区退出之后，该基准就处于数列的中间位置。这个称为分区（partition）操作；</li><li>递归地（recursive）把小于基准值元素的子数列和大于基准值元素的子数列排序。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="快速排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@description</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">: 设置基准值pivot</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@param</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> {Array}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@param</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> {number}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> left</span></span>
diff --git a/assets/cn_src_article_sort_quick_index.md.Dm-fpFZL.lean.js b/assets/cn_src_article_sort_quick_index.md.CmIbA4AB.lean.js
similarity index 99%
rename from assets/cn_src_article_sort_quick_index.md.Dm-fpFZL.lean.js
rename to assets/cn_src_article_sort_quick_index.md.CmIbA4AB.lean.js
index e97c3db4a7..1b0e5b105d 100644
--- a/assets/cn_src_article_sort_quick_index.md.Dm-fpFZL.lean.js
+++ b/assets/cn_src_article_sort_quick_index.md.CmIbA4AB.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/quick.WcLzRUPH.js";import{_ as a,o as n,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"快速排序（Quick Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/quick/index.md","filePath":"cn/src/article/sort/quick/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/article/sort/quick/index.md"};function t(p,s,e,r,E,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="快速排序-quick-sort" tabindex="-1">快速排序（Quick Sort） <a class="header-anchor" href="#快速排序-quick-sort" aria-label="Permalink to &quot;快速排序（Quick Sort）&quot;">​</a></h1><p>快速排序的基本思想：通过一趟排序将待排记录分隔成独立的两部分，其中一部分记录的关键字均比另一部分的关键字小，则可分别对这两部分记录继续进行排序，以达到整个序列有序。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><p>快速排序使用分治法来把一个串（list）分为两个子串（sub-lists）。具体算法描述如下：</p><ul><li>从数列中挑出一个元素，称为 “基准”（pivot）；</li><li>重新排序数列，所有元素比基准值小的摆放在基准前面，所有元素比基准值大的摆在基准的后面（相同的数可以到任一边）。在这个分区退出之后，该基准就处于数列的中间位置。这个称为分区（partition）操作；</li><li>递归地（recursive）把小于基准值元素的子数列和大于基准值元素的子数列排序。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="快速排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
+import{_ as i}from"./chunks/quick.WcLzRUPH.js";import{_ as a,o as n,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"快速排序（Quick Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/quick/index.md","filePath":"cn/src/article/sort/quick/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/article/sort/quick/index.md"};function t(p,s,e,r,E,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="快速排序-quick-sort" tabindex="-1">快速排序（Quick Sort） <a class="header-anchor" href="#快速排序-quick-sort" aria-label="Permalink to &quot;快速排序（Quick Sort）&quot;">​</a></h1><p>快速排序的基本思想：通过一趟排序将待排记录分隔成独立的两部分，其中一部分记录的关键字均比另一部分的关键字小，则可分别对这两部分记录继续进行排序，以达到整个序列有序。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><p>快速排序使用分治法来把一个串（list）分为两个子串（sub-lists）。具体算法描述如下：</p><ul><li>从数列中挑出一个元素，称为 “基准”（pivot）；</li><li>重新排序数列，所有元素比基准值小的摆放在基准前面，所有元素比基准值大的摆在基准的后面（相同的数可以到任一边）。在这个分区退出之后，该基准就处于数列的中间位置。这个称为分区（partition）操作；</li><li>递归地（recursive）把小于基准值元素的子数列和大于基准值元素的子数列排序。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="快速排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@description</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">: 设置基准值pivot</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@param</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> {Array}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@param</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> {number}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> left</span></span>
diff --git a/assets/cn_src_article_sort_radix_index.md.CmXyO2h4.js b/assets/cn_src_article_sort_radix_index.md.vBHH0tHh.js
similarity index 99%
rename from assets/cn_src_article_sort_radix_index.md.CmXyO2h4.js
rename to assets/cn_src_article_sort_radix_index.md.vBHH0tHh.js
index 34ebf05ed8..8859e08f5c 100644
--- a/assets/cn_src_article_sort_radix_index.md.CmXyO2h4.js
+++ b/assets/cn_src_article_sort_radix_index.md.vBHH0tHh.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/radix.CHOmrmB0.js";import{_ as a,o as h,c as n,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"基数排序（Radix Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/radix/index.md","filePath":"cn/src/article/sort/radix/index.md","lastUpdated":1728129125000}'),t={name:"cn/src/article/sort/radix/index.md"};function l(p,s,e,E,r,d){return h(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="基数排序-radix-sort" tabindex="-1">基数排序（Radix Sort） <a class="header-anchor" href="#基数排序-radix-sort" aria-label="Permalink to &quot;基数排序（Radix Sort）&quot;">​</a></h1><p>基数排序是按照低位先排序，然后收集；再按照高位排序，然后再收集；依次类推，直到最高位。有时候有些属性是有优先级顺序的，先按低优先级排序，再按高优先级排序。最后的次序就是高优先级高的在前，高优先级相同的低优先级高的在前。桶排序扩展，类似于指定桶排序按位数排序规则，同时能利用计数排序适用于小范围数的特点。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>取得数组中的最大数，并取得位数；</li><li>arr 为原始数组，从最低位开始取每个位组成 radix 数组；</li><li>对 radix 进行计数排序（利用计数排序适用于小范围数的特点）；</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="基数排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMax</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/radix.CHOmrmB0.js";import{_ as a,o as h,c as n,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"基数排序（Radix Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/radix/index.md","filePath":"cn/src/article/sort/radix/index.md","lastUpdated":1728129344000}'),t={name:"cn/src/article/sort/radix/index.md"};function l(p,s,e,E,r,d){return h(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="基数排序-radix-sort" tabindex="-1">基数排序（Radix Sort） <a class="header-anchor" href="#基数排序-radix-sort" aria-label="Permalink to &quot;基数排序（Radix Sort）&quot;">​</a></h1><p>基数排序是按照低位先排序，然后收集；再按照高位排序，然后再收集；依次类推，直到最高位。有时候有些属性是有优先级顺序的，先按低优先级排序，再按高优先级排序。最后的次序就是高优先级高的在前，高优先级相同的低优先级高的在前。桶排序扩展，类似于指定桶排序按位数排序规则，同时能利用计数排序适用于小范围数的特点。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>取得数组中的最大数，并取得位数；</li><li>arr 为原始数组，从最低位开始取每个位组成 radix 数组；</li><li>对 radix 进行计数排序（利用计数排序适用于小范围数的特点）；</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="基数排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMax</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[i]) {</span></span>
diff --git a/assets/cn_src_article_sort_radix_index.md.CmXyO2h4.lean.js b/assets/cn_src_article_sort_radix_index.md.vBHH0tHh.lean.js
similarity index 99%
rename from assets/cn_src_article_sort_radix_index.md.CmXyO2h4.lean.js
rename to assets/cn_src_article_sort_radix_index.md.vBHH0tHh.lean.js
index 34ebf05ed8..8859e08f5c 100644
--- a/assets/cn_src_article_sort_radix_index.md.CmXyO2h4.lean.js
+++ b/assets/cn_src_article_sort_radix_index.md.vBHH0tHh.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/radix.CHOmrmB0.js";import{_ as a,o as h,c as n,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"基数排序（Radix Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/radix/index.md","filePath":"cn/src/article/sort/radix/index.md","lastUpdated":1728129125000}'),t={name:"cn/src/article/sort/radix/index.md"};function l(p,s,e,E,r,d){return h(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="基数排序-radix-sort" tabindex="-1">基数排序（Radix Sort） <a class="header-anchor" href="#基数排序-radix-sort" aria-label="Permalink to &quot;基数排序（Radix Sort）&quot;">​</a></h1><p>基数排序是按照低位先排序，然后收集；再按照高位排序，然后再收集；依次类推，直到最高位。有时候有些属性是有优先级顺序的，先按低优先级排序，再按高优先级排序。最后的次序就是高优先级高的在前，高优先级相同的低优先级高的在前。桶排序扩展，类似于指定桶排序按位数排序规则，同时能利用计数排序适用于小范围数的特点。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>取得数组中的最大数，并取得位数；</li><li>arr 为原始数组，从最低位开始取每个位组成 radix 数组；</li><li>对 radix 进行计数排序（利用计数排序适用于小范围数的特点）；</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="基数排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMax</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/radix.CHOmrmB0.js";import{_ as a,o as h,c as n,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"基数排序（Radix Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/radix/index.md","filePath":"cn/src/article/sort/radix/index.md","lastUpdated":1728129344000}'),t={name:"cn/src/article/sort/radix/index.md"};function l(p,s,e,E,r,d){return h(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="基数排序-radix-sort" tabindex="-1">基数排序（Radix Sort） <a class="header-anchor" href="#基数排序-radix-sort" aria-label="Permalink to &quot;基数排序（Radix Sort）&quot;">​</a></h1><p>基数排序是按照低位先排序，然后收集；再按照高位排序，然后再收集；依次类推，直到最高位。有时候有些属性是有优先级顺序的，先按低优先级排序，再按高优先级排序。最后的次序就是高优先级高的在前，高优先级相同的低优先级高的在前。桶排序扩展，类似于指定桶排序按位数排序规则，同时能利用计数排序适用于小范围数的特点。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><ul><li>取得数组中的最大数，并取得位数；</li><li>arr 为原始数组，从最低位开始取每个位组成 radix 数组；</li><li>对 radix 进行计数排序（利用计数排序适用于小范围数的特点）；</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="基数排序"></p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMax</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[i]) {</span></span>
diff --git a/assets/cn_src_article_sort_select_index.md.C6f3fqev.js b/assets/cn_src_article_sort_select_index.md.Cd2SKviA.js
similarity index 99%
rename from assets/cn_src_article_sort_select_index.md.C6f3fqev.js
rename to assets/cn_src_article_sort_select_index.md.Cd2SKviA.js
index 1d87ff33ea..ad19cd7953 100644
--- a/assets/cn_src_article_sort_select_index.md.C6f3fqev.js
+++ b/assets/cn_src_article_sort_select_index.md.Cd2SKviA.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/select.BGReufCV.js";import{_ as a,o as n,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"选择排序（Selection Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/select/index.md","filePath":"cn/src/article/sort/select/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/article/sort/select/index.md"};function k(p,s,e,E,r,d){return n(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1 id="选择排序-selection-sort" tabindex="-1">选择排序（Selection Sort） <a class="header-anchor" href="#选择排序-selection-sort" aria-label="Permalink to &quot;选择排序（Selection Sort）&quot;">​</a></h1><p>选择排序(Selection-sort)是一种简单直观的排序算法。它的工作原理：首先在未排序序列中找到最小（大）元素，存放到排序序列的起始位置，然后，再从剩余未排序元素中继续寻找最小（大）元素，然后放到已排序序列的末尾。以此类推，直到所有元素均排序完毕。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><p>n 个记录的直接选择排序可经过 n-1 趟直接选择排序得到有序结果。具体算法描述如下：</p><ul><li>初始状态：无序区为 R[1..n]，有序区为空；</li><li>第 i 趟排序(i=1,2,3…n-1)开始时，当前有序区和无序区分别为 R[1..i-1]和 R(i..n）。该趟排序从当前无序区中-选出关键字最小的记录 R[k]，将它与无序区的第 1 个记录 R 交换，使 R[1..i]和 R[i+1..n)分别变为记录个数增加 1 个的新有序区和记录个数减少 1 个的新无序区；</li><li>n-1 趟结束，数组有序化了。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="选择排序"></p><h2 id="代码实现" tabindex="-1">代码实现 <a class="header-anchor" href="#代码实现" aria-label="Permalink to &quot;代码实现&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> select</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[])</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/select.BGReufCV.js";import{_ as a,o as n,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"选择排序（Selection Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/select/index.md","filePath":"cn/src/article/sort/select/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/article/sort/select/index.md"};function k(p,s,e,E,r,d){return n(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1 id="选择排序-selection-sort" tabindex="-1">选择排序（Selection Sort） <a class="header-anchor" href="#选择排序-selection-sort" aria-label="Permalink to &quot;选择排序（Selection Sort）&quot;">​</a></h1><p>选择排序(Selection-sort)是一种简单直观的排序算法。它的工作原理：首先在未排序序列中找到最小（大）元素，存放到排序序列的起始位置，然后，再从剩余未排序元素中继续寻找最小（大）元素，然后放到已排序序列的末尾。以此类推，直到所有元素均排序完毕。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><p>n 个记录的直接选择排序可经过 n-1 趟直接选择排序得到有序结果。具体算法描述如下：</p><ul><li>初始状态：无序区为 R[1..n]，有序区为空；</li><li>第 i 趟排序(i=1,2,3…n-1)开始时，当前有序区和无序区分别为 R[1..i-1]和 R(i..n）。该趟排序从当前无序区中-选出关键字最小的记录 R[k]，将它与无序区的第 1 个记录 R 交换，使 R[1..i]和 R[i+1..n)分别变为记录个数增加 1 个的新有序区和记录个数减少 1 个的新无序区；</li><li>n-1 趟结束，数组有序化了。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="选择排序"></p><h2 id="代码实现" tabindex="-1">代码实现 <a class="header-anchor" href="#代码实现" aria-label="Permalink to &quot;代码实现&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> select</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[])</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> size</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> size; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> minIndex </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i;</span></span>
diff --git a/assets/cn_src_article_sort_select_index.md.C6f3fqev.lean.js b/assets/cn_src_article_sort_select_index.md.Cd2SKviA.lean.js
similarity index 99%
rename from assets/cn_src_article_sort_select_index.md.C6f3fqev.lean.js
rename to assets/cn_src_article_sort_select_index.md.Cd2SKviA.lean.js
index 1d87ff33ea..ad19cd7953 100644
--- a/assets/cn_src_article_sort_select_index.md.C6f3fqev.lean.js
+++ b/assets/cn_src_article_sort_select_index.md.Cd2SKviA.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/select.BGReufCV.js";import{_ as a,o as n,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"选择排序（Selection Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/select/index.md","filePath":"cn/src/article/sort/select/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/article/sort/select/index.md"};function k(p,s,e,E,r,d){return n(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1 id="选择排序-selection-sort" tabindex="-1">选择排序（Selection Sort） <a class="header-anchor" href="#选择排序-selection-sort" aria-label="Permalink to &quot;选择排序（Selection Sort）&quot;">​</a></h1><p>选择排序(Selection-sort)是一种简单直观的排序算法。它的工作原理：首先在未排序序列中找到最小（大）元素，存放到排序序列的起始位置，然后，再从剩余未排序元素中继续寻找最小（大）元素，然后放到已排序序列的末尾。以此类推，直到所有元素均排序完毕。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><p>n 个记录的直接选择排序可经过 n-1 趟直接选择排序得到有序结果。具体算法描述如下：</p><ul><li>初始状态：无序区为 R[1..n]，有序区为空；</li><li>第 i 趟排序(i=1,2,3…n-1)开始时，当前有序区和无序区分别为 R[1..i-1]和 R(i..n）。该趟排序从当前无序区中-选出关键字最小的记录 R[k]，将它与无序区的第 1 个记录 R 交换，使 R[1..i]和 R[i+1..n)分别变为记录个数增加 1 个的新有序区和记录个数减少 1 个的新无序区；</li><li>n-1 趟结束，数组有序化了。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="选择排序"></p><h2 id="代码实现" tabindex="-1">代码实现 <a class="header-anchor" href="#代码实现" aria-label="Permalink to &quot;代码实现&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> select</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[])</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/select.BGReufCV.js";import{_ as a,o as n,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"选择排序（Selection Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/select/index.md","filePath":"cn/src/article/sort/select/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/article/sort/select/index.md"};function k(p,s,e,E,r,d){return n(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1 id="选择排序-selection-sort" tabindex="-1">选择排序（Selection Sort） <a class="header-anchor" href="#选择排序-selection-sort" aria-label="Permalink to &quot;选择排序（Selection Sort）&quot;">​</a></h1><p>选择排序(Selection-sort)是一种简单直观的排序算法。它的工作原理：首先在未排序序列中找到最小（大）元素，存放到排序序列的起始位置，然后，再从剩余未排序元素中继续寻找最小（大）元素，然后放到已排序序列的末尾。以此类推，直到所有元素均排序完毕。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><p>n 个记录的直接选择排序可经过 n-1 趟直接选择排序得到有序结果。具体算法描述如下：</p><ul><li>初始状态：无序区为 R[1..n]，有序区为空；</li><li>第 i 趟排序(i=1,2,3…n-1)开始时，当前有序区和无序区分别为 R[1..i-1]和 R(i..n）。该趟排序从当前无序区中-选出关键字最小的记录 R[k]，将它与无序区的第 1 个记录 R 交换，使 R[1..i]和 R[i+1..n)分别变为记录个数增加 1 个的新有序区和记录个数减少 1 个的新无序区；</li><li>n-1 趟结束，数组有序化了。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="选择排序"></p><h2 id="代码实现" tabindex="-1">代码实现 <a class="header-anchor" href="#代码实现" aria-label="Permalink to &quot;代码实现&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> select</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[])</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> size</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> size; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> minIndex </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i;</span></span>
diff --git a/assets/cn_src_article_sort_shell_index.md.B0DKjSD6.js b/assets/cn_src_article_sort_shell_index.md.CQc6o0U8.js
similarity index 99%
rename from assets/cn_src_article_sort_shell_index.md.B0DKjSD6.js
rename to assets/cn_src_article_sort_shell_index.md.CQc6o0U8.js
index f1b26edd36..f3b2f0378f 100644
--- a/assets/cn_src_article_sort_shell_index.md.B0DKjSD6.js
+++ b/assets/cn_src_article_sort_shell_index.md.CQc6o0U8.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/shell.CGEkKxrp.js";import{_ as a,o as n,c as h,a3 as l}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"希尔排序（Shell Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/shell/index.md","filePath":"cn/src/article/sort/shell/index.md","lastUpdated":1728129125000}'),t={name:"cn/src/article/sort/shell/index.md"};function k(p,s,e,r,E,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[l('<h1 id="希尔排序-shell-sort" tabindex="-1">希尔排序（Shell Sort） <a class="header-anchor" href="#希尔排序-shell-sort" aria-label="Permalink to &quot;希尔排序（Shell Sort）&quot;">​</a></h1><p>1959 年 Shell 发明，第一个突破 O(n2)的排序算法，是简单插入排序的改进版。它与插入排序的不同之处在于，它会优先比较距离较远的元素。希尔排序又叫缩小增量排序。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><p>先将整个待排序的记录序列分割成为若干子序列分别进行直接插入排序，具体算法描述：</p><ul><li>选择一个增量序列 t1，t2，…，tk，其中 ti&gt;tj，tk=1；</li><li>按增量序列个数 k，对序列进行 k 趟排序；</li><li>每趟排序，根据对应的增量 ti，将待排序列分割成若干长度为 m 的子序列，分别对各子表进行直接插入排序。仅增量因子为 1 时，整个序列作为一个表来处理，表长度即为整个序列的长度。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="希尔排序"></p><h2 id="代码实现" tabindex="-1">代码实现 <a class="header-anchor" href="#代码实现" aria-label="Permalink to &quot;代码实现&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
+import{_ as i}from"./chunks/shell.CGEkKxrp.js";import{_ as a,o as n,c as h,a3 as l}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"希尔排序（Shell Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/shell/index.md","filePath":"cn/src/article/sort/shell/index.md","lastUpdated":1728129344000}'),t={name:"cn/src/article/sort/shell/index.md"};function k(p,s,e,r,E,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[l('<h1 id="希尔排序-shell-sort" tabindex="-1">希尔排序（Shell Sort） <a class="header-anchor" href="#希尔排序-shell-sort" aria-label="Permalink to &quot;希尔排序（Shell Sort）&quot;">​</a></h1><p>1959 年 Shell 发明，第一个突破 O(n2)的排序算法，是简单插入排序的改进版。它与插入排序的不同之处在于，它会优先比较距离较远的元素。希尔排序又叫缩小增量排序。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><p>先将整个待排序的记录序列分割成为若干子序列分别进行直接插入排序，具体算法描述：</p><ul><li>选择一个增量序列 t1，t2，…，tk，其中 ti&gt;tj，tk=1；</li><li>按增量序列个数 k，对序列进行 k 趟排序；</li><li>每趟排序，根据对应的增量 ti，将待排序列分割成若干长度为 m 的子序列，分别对各子表进行直接插入排序。仅增量因子为 1 时，整个序列作为一个表来处理，表长度即为整个序列的长度。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="希尔排序"></p><h2 id="代码实现" tabindex="-1">代码实现 <a class="header-anchor" href="#代码实现" aria-label="Permalink to &quot;代码实现&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@description</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">: 希尔排序，是简单插入排序的改进版。它与插入排序的不同之处在于，它会优先比较距离较远的元素。希尔排序又叫缩小增量排序。</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@param</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> {Array}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@return</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> {Array}</span></span>
diff --git a/assets/cn_src_article_sort_shell_index.md.B0DKjSD6.lean.js b/assets/cn_src_article_sort_shell_index.md.CQc6o0U8.lean.js
similarity index 99%
rename from assets/cn_src_article_sort_shell_index.md.B0DKjSD6.lean.js
rename to assets/cn_src_article_sort_shell_index.md.CQc6o0U8.lean.js
index f1b26edd36..f3b2f0378f 100644
--- a/assets/cn_src_article_sort_shell_index.md.B0DKjSD6.lean.js
+++ b/assets/cn_src_article_sort_shell_index.md.CQc6o0U8.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/shell.CGEkKxrp.js";import{_ as a,o as n,c as h,a3 as l}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"希尔排序（Shell Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/shell/index.md","filePath":"cn/src/article/sort/shell/index.md","lastUpdated":1728129125000}'),t={name:"cn/src/article/sort/shell/index.md"};function k(p,s,e,r,E,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[l('<h1 id="希尔排序-shell-sort" tabindex="-1">希尔排序（Shell Sort） <a class="header-anchor" href="#希尔排序-shell-sort" aria-label="Permalink to &quot;希尔排序（Shell Sort）&quot;">​</a></h1><p>1959 年 Shell 发明，第一个突破 O(n2)的排序算法，是简单插入排序的改进版。它与插入排序的不同之处在于，它会优先比较距离较远的元素。希尔排序又叫缩小增量排序。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><p>先将整个待排序的记录序列分割成为若干子序列分别进行直接插入排序，具体算法描述：</p><ul><li>选择一个增量序列 t1，t2，…，tk，其中 ti&gt;tj，tk=1；</li><li>按增量序列个数 k，对序列进行 k 趟排序；</li><li>每趟排序，根据对应的增量 ti，将待排序列分割成若干长度为 m 的子序列，分别对各子表进行直接插入排序。仅增量因子为 1 时，整个序列作为一个表来处理，表长度即为整个序列的长度。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="希尔排序"></p><h2 id="代码实现" tabindex="-1">代码实现 <a class="header-anchor" href="#代码实现" aria-label="Permalink to &quot;代码实现&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
+import{_ as i}from"./chunks/shell.CGEkKxrp.js";import{_ as a,o as n,c as h,a3 as l}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"希尔排序（Shell Sort）","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/sort/shell/index.md","filePath":"cn/src/article/sort/shell/index.md","lastUpdated":1728129344000}'),t={name:"cn/src/article/sort/shell/index.md"};function k(p,s,e,r,E,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[l('<h1 id="希尔排序-shell-sort" tabindex="-1">希尔排序（Shell Sort） <a class="header-anchor" href="#希尔排序-shell-sort" aria-label="Permalink to &quot;希尔排序（Shell Sort）&quot;">​</a></h1><p>1959 年 Shell 发明，第一个突破 O(n2)的排序算法，是简单插入排序的改进版。它与插入排序的不同之处在于，它会优先比较距离较远的元素。希尔排序又叫缩小增量排序。</p><h2 id="算法描述" tabindex="-1">算法描述 <a class="header-anchor" href="#算法描述" aria-label="Permalink to &quot;算法描述&quot;">​</a></h2><p>先将整个待排序的记录序列分割成为若干子序列分别进行直接插入排序，具体算法描述：</p><ul><li>选择一个增量序列 t1，t2，…，tk，其中 ti&gt;tj，tk=1；</li><li>按增量序列个数 k，对序列进行 k 趟排序；</li><li>每趟排序，根据对应的增量 ti，将待排序列分割成若干长度为 m 的子序列，分别对各子表进行直接插入排序。仅增量因子为 1 时，整个序列作为一个表来处理，表长度即为整个序列的长度。</li></ul><h2 id="动图演示" tabindex="-1">动图演示 <a class="header-anchor" href="#动图演示" aria-label="Permalink to &quot;动图演示&quot;">​</a></h2><p><img src="'+i+`" alt="希尔排序"></p><h2 id="代码实现" tabindex="-1">代码实现 <a class="header-anchor" href="#代码实现" aria-label="Permalink to &quot;代码实现&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@description</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">: 希尔排序，是简单插入排序的改进版。它与插入排序的不同之处在于，它会优先比较距离较远的元素。希尔排序又叫缩小增量排序。</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@param</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> {Array}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@return</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> {Array}</span></span>
diff --git a/assets/cn_src_article_systemDesign.md.Oy3scZvv.js b/assets/cn_src_article_systemDesign.md.hF7LXas7.js
similarity index 97%
rename from assets/cn_src_article_systemDesign.md.Oy3scZvv.js
rename to assets/cn_src_article_systemDesign.md.hF7LXas7.js
index 4e8c441678..d3ff79e2e0 100644
--- a/assets/cn_src_article_systemDesign.md.Oy3scZvv.js
+++ b/assets/cn_src_article_systemDesign.md.hF7LXas7.js
@@ -1 +1 @@
-import{_ as e,o as t,c as r,a3 as s}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"如何处理一个系统设计","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/systemDesign.md","filePath":"cn/src/article/systemDesign.md","lastUpdated":1728129125000}'),o={name:"cn/src/article/systemDesign.md"};function i(n,a,l,p,c,d){return t(),r("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s('<h1 id="如何处理一个系统设计" tabindex="-1">如何处理一个系统设计 <a class="header-anchor" href="#如何处理一个系统设计" aria-label="Permalink to &quot;如何处理一个系统设计&quot;">​</a></h1><p>系统设计是一个开放式的对话。他们期望你去主导这个对话。</p><p>你可以使用下面的步骤来指引讨论。为了巩固这个过程，请使用下面的步骤完成系统设计的面试题和解答这个章节。</p><h2 id="第一步-描述使用场景-约束和假设" tabindex="-1">第一步：描述使用场景，约束和假设 <a class="header-anchor" href="#第一步-描述使用场景-约束和假设" aria-label="Permalink to &quot;第一步：描述使用场景，约束和假设&quot;">​</a></h2><p>把所有需要的东西聚集在一起，审视问题。不停的提问，以至于我们可以明确使用场景和约束。讨论假设。</p><p>谁会使用它？ 他们会怎样使用它？ 有多少用户？ 系统的作用是什么？ 系统的输入输出分别是什么？ 我们希望处理多少数据？ 我们希望每秒钟处理多少请求？ 我们希望的读写比率？</p><h2 id="第二步-创造一个高层级的设计" tabindex="-1">第二步：创造一个高层级的设计 <a class="header-anchor" href="#第二步-创造一个高层级的设计" aria-label="Permalink to &quot;第二步：创造一个高层级的设计&quot;">​</a></h2><p>使用所有重要的组件来描绘出一个高层级的设计。</p><p>画出主要的组件和连接 证明你的想法</p><h2 id="第三步-设计核心组件" tabindex="-1">第三步：设计核心组件 <a class="header-anchor" href="#第三步-设计核心组件" aria-label="Permalink to &quot;第三步：设计核心组件&quot;">​</a></h2><p>对每一个核心组件进行详细深入的分析。举例来说，如果你被问到设计一个 url 缩写服务，开始讨论：</p><p>生成并储存一个完整 url 的 hash MD5 和 Base62 Hash 碰撞 SQL 还是 NoSQL 数据库模型 将一个 hashed url 翻译成完整的 url 数据库查找 API 和面向对象设计</p><h2 id="第四步-扩展设计" tabindex="-1">第四步：扩展设计 <a class="header-anchor" href="#第四步-扩展设计" aria-label="Permalink to &quot;第四步：扩展设计&quot;">​</a></h2><p>确认和处理瓶颈以及一些限制。举例来说就是你需要下面的这些来完成扩展性的议题吗？</p><p>负载均衡 水平扩展 缓存 数据库分片 论述可能的解决办法和代价。每件事情需要取舍。可以使用可扩展系统的设计原则来处理瓶颈。</p>',15)]))}const m=e(o,[["render",i]]);export{u as __pageData,m as default};
+import{_ as e,o as t,c as r,a3 as s}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"如何处理一个系统设计","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/systemDesign.md","filePath":"cn/src/article/systemDesign.md","lastUpdated":1728129344000}'),o={name:"cn/src/article/systemDesign.md"};function i(n,a,l,p,c,d){return t(),r("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s('<h1 id="如何处理一个系统设计" tabindex="-1">如何处理一个系统设计 <a class="header-anchor" href="#如何处理一个系统设计" aria-label="Permalink to &quot;如何处理一个系统设计&quot;">​</a></h1><p>系统设计是一个开放式的对话。他们期望你去主导这个对话。</p><p>你可以使用下面的步骤来指引讨论。为了巩固这个过程，请使用下面的步骤完成系统设计的面试题和解答这个章节。</p><h2 id="第一步-描述使用场景-约束和假设" tabindex="-1">第一步：描述使用场景，约束和假设 <a class="header-anchor" href="#第一步-描述使用场景-约束和假设" aria-label="Permalink to &quot;第一步：描述使用场景，约束和假设&quot;">​</a></h2><p>把所有需要的东西聚集在一起，审视问题。不停的提问，以至于我们可以明确使用场景和约束。讨论假设。</p><p>谁会使用它？ 他们会怎样使用它？ 有多少用户？ 系统的作用是什么？ 系统的输入输出分别是什么？ 我们希望处理多少数据？ 我们希望每秒钟处理多少请求？ 我们希望的读写比率？</p><h2 id="第二步-创造一个高层级的设计" tabindex="-1">第二步：创造一个高层级的设计 <a class="header-anchor" href="#第二步-创造一个高层级的设计" aria-label="Permalink to &quot;第二步：创造一个高层级的设计&quot;">​</a></h2><p>使用所有重要的组件来描绘出一个高层级的设计。</p><p>画出主要的组件和连接 证明你的想法</p><h2 id="第三步-设计核心组件" tabindex="-1">第三步：设计核心组件 <a class="header-anchor" href="#第三步-设计核心组件" aria-label="Permalink to &quot;第三步：设计核心组件&quot;">​</a></h2><p>对每一个核心组件进行详细深入的分析。举例来说，如果你被问到设计一个 url 缩写服务，开始讨论：</p><p>生成并储存一个完整 url 的 hash MD5 和 Base62 Hash 碰撞 SQL 还是 NoSQL 数据库模型 将一个 hashed url 翻译成完整的 url 数据库查找 API 和面向对象设计</p><h2 id="第四步-扩展设计" tabindex="-1">第四步：扩展设计 <a class="header-anchor" href="#第四步-扩展设计" aria-label="Permalink to &quot;第四步：扩展设计&quot;">​</a></h2><p>确认和处理瓶颈以及一些限制。举例来说就是你需要下面的这些来完成扩展性的议题吗？</p><p>负载均衡 水平扩展 缓存 数据库分片 论述可能的解决办法和代价。每件事情需要取舍。可以使用可扩展系统的设计原则来处理瓶颈。</p>',15)]))}const m=e(o,[["render",i]]);export{u as __pageData,m as default};
diff --git a/assets/cn_src_article_systemDesign.md.Oy3scZvv.lean.js b/assets/cn_src_article_systemDesign.md.hF7LXas7.lean.js
similarity index 97%
rename from assets/cn_src_article_systemDesign.md.Oy3scZvv.lean.js
rename to assets/cn_src_article_systemDesign.md.hF7LXas7.lean.js
index 4e8c441678..d3ff79e2e0 100644
--- a/assets/cn_src_article_systemDesign.md.Oy3scZvv.lean.js
+++ b/assets/cn_src_article_systemDesign.md.hF7LXas7.lean.js
@@ -1 +1 @@
-import{_ as e,o as t,c as r,a3 as s}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"如何处理一个系统设计","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/systemDesign.md","filePath":"cn/src/article/systemDesign.md","lastUpdated":1728129125000}'),o={name:"cn/src/article/systemDesign.md"};function i(n,a,l,p,c,d){return t(),r("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s('<h1 id="如何处理一个系统设计" tabindex="-1">如何处理一个系统设计 <a class="header-anchor" href="#如何处理一个系统设计" aria-label="Permalink to &quot;如何处理一个系统设计&quot;">​</a></h1><p>系统设计是一个开放式的对话。他们期望你去主导这个对话。</p><p>你可以使用下面的步骤来指引讨论。为了巩固这个过程，请使用下面的步骤完成系统设计的面试题和解答这个章节。</p><h2 id="第一步-描述使用场景-约束和假设" tabindex="-1">第一步：描述使用场景，约束和假设 <a class="header-anchor" href="#第一步-描述使用场景-约束和假设" aria-label="Permalink to &quot;第一步：描述使用场景，约束和假设&quot;">​</a></h2><p>把所有需要的东西聚集在一起，审视问题。不停的提问，以至于我们可以明确使用场景和约束。讨论假设。</p><p>谁会使用它？ 他们会怎样使用它？ 有多少用户？ 系统的作用是什么？ 系统的输入输出分别是什么？ 我们希望处理多少数据？ 我们希望每秒钟处理多少请求？ 我们希望的读写比率？</p><h2 id="第二步-创造一个高层级的设计" tabindex="-1">第二步：创造一个高层级的设计 <a class="header-anchor" href="#第二步-创造一个高层级的设计" aria-label="Permalink to &quot;第二步：创造一个高层级的设计&quot;">​</a></h2><p>使用所有重要的组件来描绘出一个高层级的设计。</p><p>画出主要的组件和连接 证明你的想法</p><h2 id="第三步-设计核心组件" tabindex="-1">第三步：设计核心组件 <a class="header-anchor" href="#第三步-设计核心组件" aria-label="Permalink to &quot;第三步：设计核心组件&quot;">​</a></h2><p>对每一个核心组件进行详细深入的分析。举例来说，如果你被问到设计一个 url 缩写服务，开始讨论：</p><p>生成并储存一个完整 url 的 hash MD5 和 Base62 Hash 碰撞 SQL 还是 NoSQL 数据库模型 将一个 hashed url 翻译成完整的 url 数据库查找 API 和面向对象设计</p><h2 id="第四步-扩展设计" tabindex="-1">第四步：扩展设计 <a class="header-anchor" href="#第四步-扩展设计" aria-label="Permalink to &quot;第四步：扩展设计&quot;">​</a></h2><p>确认和处理瓶颈以及一些限制。举例来说就是你需要下面的这些来完成扩展性的议题吗？</p><p>负载均衡 水平扩展 缓存 数据库分片 论述可能的解决办法和代价。每件事情需要取舍。可以使用可扩展系统的设计原则来处理瓶颈。</p>',15)]))}const m=e(o,[["render",i]]);export{u as __pageData,m as default};
+import{_ as e,o as t,c as r,a3 as s}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"如何处理一个系统设计","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/systemDesign.md","filePath":"cn/src/article/systemDesign.md","lastUpdated":1728129344000}'),o={name:"cn/src/article/systemDesign.md"};function i(n,a,l,p,c,d){return t(),r("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s('<h1 id="如何处理一个系统设计" tabindex="-1">如何处理一个系统设计 <a class="header-anchor" href="#如何处理一个系统设计" aria-label="Permalink to &quot;如何处理一个系统设计&quot;">​</a></h1><p>系统设计是一个开放式的对话。他们期望你去主导这个对话。</p><p>你可以使用下面的步骤来指引讨论。为了巩固这个过程，请使用下面的步骤完成系统设计的面试题和解答这个章节。</p><h2 id="第一步-描述使用场景-约束和假设" tabindex="-1">第一步：描述使用场景，约束和假设 <a class="header-anchor" href="#第一步-描述使用场景-约束和假设" aria-label="Permalink to &quot;第一步：描述使用场景，约束和假设&quot;">​</a></h2><p>把所有需要的东西聚集在一起，审视问题。不停的提问，以至于我们可以明确使用场景和约束。讨论假设。</p><p>谁会使用它？ 他们会怎样使用它？ 有多少用户？ 系统的作用是什么？ 系统的输入输出分别是什么？ 我们希望处理多少数据？ 我们希望每秒钟处理多少请求？ 我们希望的读写比率？</p><h2 id="第二步-创造一个高层级的设计" tabindex="-1">第二步：创造一个高层级的设计 <a class="header-anchor" href="#第二步-创造一个高层级的设计" aria-label="Permalink to &quot;第二步：创造一个高层级的设计&quot;">​</a></h2><p>使用所有重要的组件来描绘出一个高层级的设计。</p><p>画出主要的组件和连接 证明你的想法</p><h2 id="第三步-设计核心组件" tabindex="-1">第三步：设计核心组件 <a class="header-anchor" href="#第三步-设计核心组件" aria-label="Permalink to &quot;第三步：设计核心组件&quot;">​</a></h2><p>对每一个核心组件进行详细深入的分析。举例来说，如果你被问到设计一个 url 缩写服务，开始讨论：</p><p>生成并储存一个完整 url 的 hash MD5 和 Base62 Hash 碰撞 SQL 还是 NoSQL 数据库模型 将一个 hashed url 翻译成完整的 url 数据库查找 API 和面向对象设计</p><h2 id="第四步-扩展设计" tabindex="-1">第四步：扩展设计 <a class="header-anchor" href="#第四步-扩展设计" aria-label="Permalink to &quot;第四步：扩展设计&quot;">​</a></h2><p>确认和处理瓶颈以及一些限制。举例来说就是你需要下面的这些来完成扩展性的议题吗？</p><p>负载均衡 水平扩展 缓存 数据库分片 论述可能的解决办法和代价。每件事情需要取舍。可以使用可扩展系统的设计原则来处理瓶颈。</p>',15)]))}const m=e(o,[["render",i]]);export{u as __pageData,m as default};
diff --git a/assets/cn_src_article_typescript_calculate.md.DPFdz5ZN.js b/assets/cn_src_article_typescript_calculate.md.DFF0Jmnv.js
similarity index 99%
rename from assets/cn_src_article_typescript_calculate.md.DPFdz5ZN.js
rename to assets/cn_src_article_typescript_calculate.md.DFF0Jmnv.js
index 76e88ae2c9..8ede263509 100644
--- a/assets/cn_src_article_typescript_calculate.md.DPFdz5ZN.js
+++ b/assets/cn_src_article_typescript_calculate.md.DFF0Jmnv.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"数组长度做计数","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/calculate.md","filePath":"cn/src/article/typescript/calculate.md","lastUpdated":1728129125000}'),k={name:"cn/src/article/typescript/calculate.md"};function t(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="数组长度做计数" tabindex="-1">数组长度做计数 <a class="header-anchor" href="#数组长度做计数" aria-label="Permalink to &quot;数组长度做计数&quot;">​</a></h1><p>类型系统不是图灵完备，各种逻辑都能写么，但好像没发现数值相关的逻辑。</p><p>没错，数值相关的逻辑比较绕，被我单独摘了出来，就是这节要讲的内容。</p><p>这是类型体操的第四个套路：数组长度做计数。</p><p>TypeScript 类型系统没有加减乘除运算符，怎么做数值运算呢？</p><p>不知道大家有没有注意到数组类型取 length 就是数值。</p><p>比如：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> num1</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;length&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
+import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"数组长度做计数","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/calculate.md","filePath":"cn/src/article/typescript/calculate.md","lastUpdated":1728129344000}'),k={name:"cn/src/article/typescript/calculate.md"};function t(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="数组长度做计数" tabindex="-1">数组长度做计数 <a class="header-anchor" href="#数组长度做计数" aria-label="Permalink to &quot;数组长度做计数&quot;">​</a></h1><p>类型系统不是图灵完备，各种逻辑都能写么，但好像没发现数值相关的逻辑。</p><p>没错，数值相关的逻辑比较绕，被我单独摘了出来，就是这节要讲的内容。</p><p>这是类型体操的第四个套路：数组长度做计数。</p><p>TypeScript 类型系统没有加减乘除运算符，怎么做数值运算呢？</p><p>不知道大家有没有注意到数组类型取 length 就是数值。</p><p>比如：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> num1</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;length&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type num1 = 1</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> num2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;length&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type num1 = 2</span></span>
diff --git a/assets/cn_src_article_typescript_calculate.md.DPFdz5ZN.lean.js b/assets/cn_src_article_typescript_calculate.md.DFF0Jmnv.lean.js
similarity index 99%
rename from assets/cn_src_article_typescript_calculate.md.DPFdz5ZN.lean.js
rename to assets/cn_src_article_typescript_calculate.md.DFF0Jmnv.lean.js
index 76e88ae2c9..8ede263509 100644
--- a/assets/cn_src_article_typescript_calculate.md.DPFdz5ZN.lean.js
+++ b/assets/cn_src_article_typescript_calculate.md.DFF0Jmnv.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"数组长度做计数","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/calculate.md","filePath":"cn/src/article/typescript/calculate.md","lastUpdated":1728129125000}'),k={name:"cn/src/article/typescript/calculate.md"};function t(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="数组长度做计数" tabindex="-1">数组长度做计数 <a class="header-anchor" href="#数组长度做计数" aria-label="Permalink to &quot;数组长度做计数&quot;">​</a></h1><p>类型系统不是图灵完备，各种逻辑都能写么，但好像没发现数值相关的逻辑。</p><p>没错，数值相关的逻辑比较绕，被我单独摘了出来，就是这节要讲的内容。</p><p>这是类型体操的第四个套路：数组长度做计数。</p><p>TypeScript 类型系统没有加减乘除运算符，怎么做数值运算呢？</p><p>不知道大家有没有注意到数组类型取 length 就是数值。</p><p>比如：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> num1</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;length&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
+import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"数组长度做计数","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/calculate.md","filePath":"cn/src/article/typescript/calculate.md","lastUpdated":1728129344000}'),k={name:"cn/src/article/typescript/calculate.md"};function t(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="数组长度做计数" tabindex="-1">数组长度做计数 <a class="header-anchor" href="#数组长度做计数" aria-label="Permalink to &quot;数组长度做计数&quot;">​</a></h1><p>类型系统不是图灵完备，各种逻辑都能写么，但好像没发现数值相关的逻辑。</p><p>没错，数值相关的逻辑比较绕，被我单独摘了出来，就是这节要讲的内容。</p><p>这是类型体操的第四个套路：数组长度做计数。</p><p>TypeScript 类型系统没有加减乘除运算符，怎么做数值运算呢？</p><p>不知道大家有没有注意到数组类型取 length 就是数值。</p><p>比如：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> num1</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;length&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type num1 = 1</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> num2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;length&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type num1 = 2</span></span>
diff --git a/assets/cn_src_article_typescript_index.md.CaFWWXxk.js b/assets/cn_src_article_typescript_index.md.BE6MDNaH.js
similarity index 99%
rename from assets/cn_src_article_typescript_index.md.CaFWWXxk.js
rename to assets/cn_src_article_typescript_index.md.BE6MDNaH.js
index 88e5612ee8..2d8e6717c3 100644
--- a/assets/cn_src_article_typescript_index.md.CaFWWXxk.js
+++ b/assets/cn_src_article_typescript_index.md.BE6MDNaH.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 的类型系统","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/index.md","filePath":"cn/src/article/typescript/index.md","lastUpdated":1728129125000}'),k={name:"cn/src/article/typescript/index.md"};function p(t,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="typescript-的类型系统" tabindex="-1">TypeScript 的类型系统 <a class="header-anchor" href="#typescript-的类型系统" aria-label="Permalink to &quot;TypeScript 的类型系统&quot;">​</a></h1><h2 id="一-类型是什么" tabindex="-1">一.类型是什么 <a class="header-anchor" href="#一-类型是什么" aria-label="Permalink to &quot;一.类型是什么&quot;">​</a></h2><p>类型具体点来说就是指 number、boolean、string 等基础类型和 Object、Function 等复合类型，它们是编程语言提供的对不同内容的抽象：</p><ul><li><p><strong>不同类型变量占据的内存大小不同：</strong> boolean 类型的变量会分配 4 个字节的内存，而 number 类型的变量则会分配 8 个字节的内存，给变量声明了不同的类型就代表了会占据不同的内存空间。</p></li><li><p><strong>不同类型变量可做的操作不同：</strong> number 类型可以做加减乘除等运算，boolean 就不可以，复合类型中不同类型的对象可用的方法不同，比如 Date 和 RegExp，变量的类型不同代表可以对该变量做的操作就不同。</p></li></ul><p>有了类型，那我们的操作必须和类型相匹配，否则就会报错，这就是类型检查。</p><p>如果能保证对某种类型只做该类型允许的操作，这就叫做类型安全。</p><p>类型检查可以在运行时做，也可以运行之前的编译期做。这是两种不同的类型，前者叫做动态类型检查，后者叫做静态类型检查。</p><p>两种类型检查各有优缺点。动态类型检查 在源码中不保留类型信息，对某个变量赋什么值、做什么操作都是允许的，写代码很灵活。但这也埋下了类型不安全的隐患，比如对 string 做了乘除，对 Date 对象调用了 exec 方法，这些都是运行时才能检查出来的错误。</p><p>其中，最常见的错误应该是 “null is not an object”、“undefined is not a function” 之类的了，写代码时没发现类型不匹配，到了运行的时候才发现，就会有很多这种报错。</p><p>所以，动态类型虽然代码写起来简单，但代码中很容易藏着一些类型不匹配的隐患。</p><p>静态类型检查则是在源码中保留类型信息，声明变量要指定类型，对变量做的操作要和类型匹配，会有专门的编译器在编译期间做检查。</p><p>静态类型给写代码增加了一些难度，因为你除了要考虑代码要表达的逻辑之外，还要考虑类型逻辑：变量是什么类型的、是不是匹配、要不要做类型转换等。</p><p>不过，静态类型也消除了类型不安全的隐患，因为在编译期间就做了类型检查，就不会出现对 string 做了乘除，调用了 Date 的 exec 方法这类问题。</p><p>所以，静态类型虽然代码写起来要考虑的问题多一些，会复杂一些，但是却消除了代码中潜藏类型不安全问题的可能。</p><p>知道了动态类型检查和静态类型检查的区别，我们自然可以得出这样的结论：</p><p>动态类型只适合简单的场景，对于大项目却不太合适，因为代码中可能藏着的隐患太多了，万一线上报一个类型不匹配的错误，那可能就是大问题。</p><p>而静态类型虽然会增加写代码的成本，但是却能更好的保证代码的健壮性，减少 Bug 率。</p><p>所以，大型项目注定会用静态类型语言开发。</p><h2 id="二-类型系统的分类" tabindex="-1">二.类型系统的分类 <a class="header-anchor" href="#二-类型系统的分类" aria-label="Permalink to &quot;二.类型系统的分类&quot;">​</a></h2><h3 id="_1-简单的类型系统" tabindex="-1">1.简单的类型系统 <a class="header-anchor" href="#_1-简单的类型系统" aria-label="Permalink to &quot;1.简单的类型系统&quot;">​</a></h3><p>变量、函数、类等都可以声明类型，编译器会基于声明的类型做类型检查，类型不匹配时会报错。</p><p>这是最基础的类型系统，能保证类型安全，但有些死板。</p><p>比如一个 add 函数既可以做整数加法、又可以做浮点数加法，却需要声明两个函数：</p><div class="language-c vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">c</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> add</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> a</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> b</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
+import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 的类型系统","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/index.md","filePath":"cn/src/article/typescript/index.md","lastUpdated":1728129344000}'),k={name:"cn/src/article/typescript/index.md"};function p(t,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="typescript-的类型系统" tabindex="-1">TypeScript 的类型系统 <a class="header-anchor" href="#typescript-的类型系统" aria-label="Permalink to &quot;TypeScript 的类型系统&quot;">​</a></h1><h2 id="一-类型是什么" tabindex="-1">一.类型是什么 <a class="header-anchor" href="#一-类型是什么" aria-label="Permalink to &quot;一.类型是什么&quot;">​</a></h2><p>类型具体点来说就是指 number、boolean、string 等基础类型和 Object、Function 等复合类型，它们是编程语言提供的对不同内容的抽象：</p><ul><li><p><strong>不同类型变量占据的内存大小不同：</strong> boolean 类型的变量会分配 4 个字节的内存，而 number 类型的变量则会分配 8 个字节的内存，给变量声明了不同的类型就代表了会占据不同的内存空间。</p></li><li><p><strong>不同类型变量可做的操作不同：</strong> number 类型可以做加减乘除等运算，boolean 就不可以，复合类型中不同类型的对象可用的方法不同，比如 Date 和 RegExp，变量的类型不同代表可以对该变量做的操作就不同。</p></li></ul><p>有了类型，那我们的操作必须和类型相匹配，否则就会报错，这就是类型检查。</p><p>如果能保证对某种类型只做该类型允许的操作，这就叫做类型安全。</p><p>类型检查可以在运行时做，也可以运行之前的编译期做。这是两种不同的类型，前者叫做动态类型检查，后者叫做静态类型检查。</p><p>两种类型检查各有优缺点。动态类型检查 在源码中不保留类型信息，对某个变量赋什么值、做什么操作都是允许的，写代码很灵活。但这也埋下了类型不安全的隐患，比如对 string 做了乘除，对 Date 对象调用了 exec 方法，这些都是运行时才能检查出来的错误。</p><p>其中，最常见的错误应该是 “null is not an object”、“undefined is not a function” 之类的了，写代码时没发现类型不匹配，到了运行的时候才发现，就会有很多这种报错。</p><p>所以，动态类型虽然代码写起来简单，但代码中很容易藏着一些类型不匹配的隐患。</p><p>静态类型检查则是在源码中保留类型信息，声明变量要指定类型，对变量做的操作要和类型匹配，会有专门的编译器在编译期间做检查。</p><p>静态类型给写代码增加了一些难度，因为你除了要考虑代码要表达的逻辑之外，还要考虑类型逻辑：变量是什么类型的、是不是匹配、要不要做类型转换等。</p><p>不过，静态类型也消除了类型不安全的隐患，因为在编译期间就做了类型检查，就不会出现对 string 做了乘除，调用了 Date 的 exec 方法这类问题。</p><p>所以，静态类型虽然代码写起来要考虑的问题多一些，会复杂一些，但是却消除了代码中潜藏类型不安全问题的可能。</p><p>知道了动态类型检查和静态类型检查的区别，我们自然可以得出这样的结论：</p><p>动态类型只适合简单的场景，对于大项目却不太合适，因为代码中可能藏着的隐患太多了，万一线上报一个类型不匹配的错误，那可能就是大问题。</p><p>而静态类型虽然会增加写代码的成本，但是却能更好的保证代码的健壮性，减少 Bug 率。</p><p>所以，大型项目注定会用静态类型语言开发。</p><h2 id="二-类型系统的分类" tabindex="-1">二.类型系统的分类 <a class="header-anchor" href="#二-类型系统的分类" aria-label="Permalink to &quot;二.类型系统的分类&quot;">​</a></h2><h3 id="_1-简单的类型系统" tabindex="-1">1.简单的类型系统 <a class="header-anchor" href="#_1-简单的类型系统" aria-label="Permalink to &quot;1.简单的类型系统&quot;">​</a></h3><p>变量、函数、类等都可以声明类型，编译器会基于声明的类型做类型检查，类型不匹配时会报错。</p><p>这是最基础的类型系统，能保证类型安全，但有些死板。</p><p>比如一个 add 函数既可以做整数加法、又可以做浮点数加法，却需要声明两个函数：</p><div class="language-c vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">c</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> add</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> a</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> b</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> a </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> b;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
 <span class="line"></span>
diff --git a/assets/cn_src_article_typescript_index.md.CaFWWXxk.lean.js b/assets/cn_src_article_typescript_index.md.BE6MDNaH.lean.js
similarity index 99%
rename from assets/cn_src_article_typescript_index.md.CaFWWXxk.lean.js
rename to assets/cn_src_article_typescript_index.md.BE6MDNaH.lean.js
index 88e5612ee8..2d8e6717c3 100644
--- a/assets/cn_src_article_typescript_index.md.CaFWWXxk.lean.js
+++ b/assets/cn_src_article_typescript_index.md.BE6MDNaH.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 的类型系统","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/index.md","filePath":"cn/src/article/typescript/index.md","lastUpdated":1728129125000}'),k={name:"cn/src/article/typescript/index.md"};function p(t,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="typescript-的类型系统" tabindex="-1">TypeScript 的类型系统 <a class="header-anchor" href="#typescript-的类型系统" aria-label="Permalink to &quot;TypeScript 的类型系统&quot;">​</a></h1><h2 id="一-类型是什么" tabindex="-1">一.类型是什么 <a class="header-anchor" href="#一-类型是什么" aria-label="Permalink to &quot;一.类型是什么&quot;">​</a></h2><p>类型具体点来说就是指 number、boolean、string 等基础类型和 Object、Function 等复合类型，它们是编程语言提供的对不同内容的抽象：</p><ul><li><p><strong>不同类型变量占据的内存大小不同：</strong> boolean 类型的变量会分配 4 个字节的内存，而 number 类型的变量则会分配 8 个字节的内存，给变量声明了不同的类型就代表了会占据不同的内存空间。</p></li><li><p><strong>不同类型变量可做的操作不同：</strong> number 类型可以做加减乘除等运算，boolean 就不可以，复合类型中不同类型的对象可用的方法不同，比如 Date 和 RegExp，变量的类型不同代表可以对该变量做的操作就不同。</p></li></ul><p>有了类型，那我们的操作必须和类型相匹配，否则就会报错，这就是类型检查。</p><p>如果能保证对某种类型只做该类型允许的操作，这就叫做类型安全。</p><p>类型检查可以在运行时做，也可以运行之前的编译期做。这是两种不同的类型，前者叫做动态类型检查，后者叫做静态类型检查。</p><p>两种类型检查各有优缺点。动态类型检查 在源码中不保留类型信息，对某个变量赋什么值、做什么操作都是允许的，写代码很灵活。但这也埋下了类型不安全的隐患，比如对 string 做了乘除，对 Date 对象调用了 exec 方法，这些都是运行时才能检查出来的错误。</p><p>其中，最常见的错误应该是 “null is not an object”、“undefined is not a function” 之类的了，写代码时没发现类型不匹配，到了运行的时候才发现，就会有很多这种报错。</p><p>所以，动态类型虽然代码写起来简单，但代码中很容易藏着一些类型不匹配的隐患。</p><p>静态类型检查则是在源码中保留类型信息，声明变量要指定类型，对变量做的操作要和类型匹配，会有专门的编译器在编译期间做检查。</p><p>静态类型给写代码增加了一些难度，因为你除了要考虑代码要表达的逻辑之外，还要考虑类型逻辑：变量是什么类型的、是不是匹配、要不要做类型转换等。</p><p>不过，静态类型也消除了类型不安全的隐患，因为在编译期间就做了类型检查，就不会出现对 string 做了乘除，调用了 Date 的 exec 方法这类问题。</p><p>所以，静态类型虽然代码写起来要考虑的问题多一些，会复杂一些，但是却消除了代码中潜藏类型不安全问题的可能。</p><p>知道了动态类型检查和静态类型检查的区别，我们自然可以得出这样的结论：</p><p>动态类型只适合简单的场景，对于大项目却不太合适，因为代码中可能藏着的隐患太多了，万一线上报一个类型不匹配的错误，那可能就是大问题。</p><p>而静态类型虽然会增加写代码的成本，但是却能更好的保证代码的健壮性，减少 Bug 率。</p><p>所以，大型项目注定会用静态类型语言开发。</p><h2 id="二-类型系统的分类" tabindex="-1">二.类型系统的分类 <a class="header-anchor" href="#二-类型系统的分类" aria-label="Permalink to &quot;二.类型系统的分类&quot;">​</a></h2><h3 id="_1-简单的类型系统" tabindex="-1">1.简单的类型系统 <a class="header-anchor" href="#_1-简单的类型系统" aria-label="Permalink to &quot;1.简单的类型系统&quot;">​</a></h3><p>变量、函数、类等都可以声明类型，编译器会基于声明的类型做类型检查，类型不匹配时会报错。</p><p>这是最基础的类型系统，能保证类型安全，但有些死板。</p><p>比如一个 add 函数既可以做整数加法、又可以做浮点数加法，却需要声明两个函数：</p><div class="language-c vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">c</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> add</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> a</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> b</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
+import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 的类型系统","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/index.md","filePath":"cn/src/article/typescript/index.md","lastUpdated":1728129344000}'),k={name:"cn/src/article/typescript/index.md"};function p(t,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="typescript-的类型系统" tabindex="-1">TypeScript 的类型系统 <a class="header-anchor" href="#typescript-的类型系统" aria-label="Permalink to &quot;TypeScript 的类型系统&quot;">​</a></h1><h2 id="一-类型是什么" tabindex="-1">一.类型是什么 <a class="header-anchor" href="#一-类型是什么" aria-label="Permalink to &quot;一.类型是什么&quot;">​</a></h2><p>类型具体点来说就是指 number、boolean、string 等基础类型和 Object、Function 等复合类型，它们是编程语言提供的对不同内容的抽象：</p><ul><li><p><strong>不同类型变量占据的内存大小不同：</strong> boolean 类型的变量会分配 4 个字节的内存，而 number 类型的变量则会分配 8 个字节的内存，给变量声明了不同的类型就代表了会占据不同的内存空间。</p></li><li><p><strong>不同类型变量可做的操作不同：</strong> number 类型可以做加减乘除等运算，boolean 就不可以，复合类型中不同类型的对象可用的方法不同，比如 Date 和 RegExp，变量的类型不同代表可以对该变量做的操作就不同。</p></li></ul><p>有了类型，那我们的操作必须和类型相匹配，否则就会报错，这就是类型检查。</p><p>如果能保证对某种类型只做该类型允许的操作，这就叫做类型安全。</p><p>类型检查可以在运行时做，也可以运行之前的编译期做。这是两种不同的类型，前者叫做动态类型检查，后者叫做静态类型检查。</p><p>两种类型检查各有优缺点。动态类型检查 在源码中不保留类型信息，对某个变量赋什么值、做什么操作都是允许的，写代码很灵活。但这也埋下了类型不安全的隐患，比如对 string 做了乘除，对 Date 对象调用了 exec 方法，这些都是运行时才能检查出来的错误。</p><p>其中，最常见的错误应该是 “null is not an object”、“undefined is not a function” 之类的了，写代码时没发现类型不匹配，到了运行的时候才发现，就会有很多这种报错。</p><p>所以，动态类型虽然代码写起来简单，但代码中很容易藏着一些类型不匹配的隐患。</p><p>静态类型检查则是在源码中保留类型信息，声明变量要指定类型，对变量做的操作要和类型匹配，会有专门的编译器在编译期间做检查。</p><p>静态类型给写代码增加了一些难度，因为你除了要考虑代码要表达的逻辑之外，还要考虑类型逻辑：变量是什么类型的、是不是匹配、要不要做类型转换等。</p><p>不过，静态类型也消除了类型不安全的隐患，因为在编译期间就做了类型检查，就不会出现对 string 做了乘除，调用了 Date 的 exec 方法这类问题。</p><p>所以，静态类型虽然代码写起来要考虑的问题多一些，会复杂一些，但是却消除了代码中潜藏类型不安全问题的可能。</p><p>知道了动态类型检查和静态类型检查的区别，我们自然可以得出这样的结论：</p><p>动态类型只适合简单的场景，对于大项目却不太合适，因为代码中可能藏着的隐患太多了，万一线上报一个类型不匹配的错误，那可能就是大问题。</p><p>而静态类型虽然会增加写代码的成本，但是却能更好的保证代码的健壮性，减少 Bug 率。</p><p>所以，大型项目注定会用静态类型语言开发。</p><h2 id="二-类型系统的分类" tabindex="-1">二.类型系统的分类 <a class="header-anchor" href="#二-类型系统的分类" aria-label="Permalink to &quot;二.类型系统的分类&quot;">​</a></h2><h3 id="_1-简单的类型系统" tabindex="-1">1.简单的类型系统 <a class="header-anchor" href="#_1-简单的类型系统" aria-label="Permalink to &quot;1.简单的类型系统&quot;">​</a></h3><p>变量、函数、类等都可以声明类型，编译器会基于声明的类型做类型检查，类型不匹配时会报错。</p><p>这是最基础的类型系统，能保证类型安全，但有些死板。</p><p>比如一个 add 函数既可以做整数加法、又可以做浮点数加法，却需要声明两个函数：</p><div class="language-c vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">c</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> add</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> a</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> b</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> a </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> b;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
 <span class="line"></span>
diff --git a/assets/cn_src_article_typescript_pattern.md.GG3CpSHa.js b/assets/cn_src_article_typescript_pattern.md.ClYdggen.js
similarity index 99%
rename from assets/cn_src_article_typescript_pattern.md.GG3CpSHa.js
rename to assets/cn_src_article_typescript_pattern.md.ClYdggen.js
index e31a87a521..c496da01c3 100644
--- a/assets/cn_src_article_typescript_pattern.md.GG3CpSHa.js
+++ b/assets/cn_src_article_typescript_pattern.md.ClYdggen.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"模式匹配提取","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/pattern.md","filePath":"cn/src/article/typescript/pattern.md","lastUpdated":1728129125000}'),n={name:"cn/src/article/typescript/pattern.md"};function k(p,s,l,e,r,d){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="模式匹配提取" tabindex="-1">模式匹配提取 <a class="header-anchor" href="#模式匹配提取" aria-label="Permalink to &quot;模式匹配提取&quot;">​</a></h1><p>字符串可以和正则做模式匹配，找到匹配的部分，提取子组，之后可以用 1,2 等引用匹配的子组。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;abc&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">replace</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/</span><span style="--shiki-light:#032F62;--shiki-dark:#DBEDFF;">a(b)c</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;$1,$1,$1&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
+import{_ as i,o as a,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"模式匹配提取","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/pattern.md","filePath":"cn/src/article/typescript/pattern.md","lastUpdated":1728129344000}'),n={name:"cn/src/article/typescript/pattern.md"};function k(p,s,l,e,r,d){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="模式匹配提取" tabindex="-1">模式匹配提取 <a class="header-anchor" href="#模式匹配提取" aria-label="Permalink to &quot;模式匹配提取&quot;">​</a></h1><p>字符串可以和正则做模式匹配，找到匹配的部分，提取子组，之后可以用 1,2 等引用匹配的子组。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;abc&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">replace</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/</span><span style="--shiki-light:#032F62;--shiki-dark:#DBEDFF;">a(b)c</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;$1,$1,$1&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// &#39;b,b,b&#39;</span></span></code></pre></div><p>Typescript 的类型也同样可以做模式匹配。</p><p>比如这样一个 Promise 类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> p</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>我们想提取 value 的类型，可以这样做：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>通过 extends 对传入的类型参数 P 做模式匹配，其中值的类型是需要提取的，通过 infer 声明一个局部变量 Value 来保存，如果匹配，就返回匹配到的 Value，否则就返回 never 代表没匹配到。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type GetValueResult = &#39;value&#39;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;;</span></span></code></pre></div><p>这就是 Typescript 类型的模式匹配：</p><p>Typescript 类型的模式匹配是通过 extends 对类型参数做匹配，结果保存到通过 infer 声明的局部类型变量里，如果匹配就能从该局部变量里拿到提取出的类型。</p><p>这个模式匹配的套路有多有用呢？我们来看下在数组、字符串、函数、构造器等类型里的应用。</p><h2 id="_1-数组类型" tabindex="-1">1.数组类型 <a class="header-anchor" href="#_1-数组类型" aria-label="Permalink to &quot;1.数组类型&quot;">​</a></h2><h3 id="提取第一个元素" tabindex="-1">提取第一个元素 <a class="header-anchor" href="#提取第一个元素" aria-label="Permalink to &quot;提取第一个元素&quot;">​</a></h3><p>数组类型想提取第一个元素的类型怎么做呢？</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>用它来匹配一个模式类型，提取第一个元素的类型到通过 infer 声明的局部变量里返回。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetFirst</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> First</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> First</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Arr 通过 extends 约束为只能是数组类型，数组元素是 unkown 也就是可以是任何值。</p><blockquote><p>any 和 unknown 的区别： any 和 unknown 都代表任意类型，但是 unknown 只能接收任意类型的值，而 any 除了可以接收任意类型的值，也可以赋值给任意类型（除了 never）。类型体操中经常用 unknown 接受和匹配任何类型，而很少把任何类型赋值给某个类型变量。</p></blockquote><p>对 Arr 做模式匹配，把我们要提取的第一个元素的类型放到通过 infer 声明的 First 局部变量里，后面的元素可以是任何类型，用 unknown 接收，然后把局部变量 First 返回。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetFirst</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> First</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> First</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetFirstValue</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetFirst</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span>
diff --git a/assets/cn_src_article_typescript_pattern.md.GG3CpSHa.lean.js b/assets/cn_src_article_typescript_pattern.md.ClYdggen.lean.js
similarity index 99%
rename from assets/cn_src_article_typescript_pattern.md.GG3CpSHa.lean.js
rename to assets/cn_src_article_typescript_pattern.md.ClYdggen.lean.js
index e31a87a521..c496da01c3 100644
--- a/assets/cn_src_article_typescript_pattern.md.GG3CpSHa.lean.js
+++ b/assets/cn_src_article_typescript_pattern.md.ClYdggen.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"模式匹配提取","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/pattern.md","filePath":"cn/src/article/typescript/pattern.md","lastUpdated":1728129125000}'),n={name:"cn/src/article/typescript/pattern.md"};function k(p,s,l,e,r,d){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="模式匹配提取" tabindex="-1">模式匹配提取 <a class="header-anchor" href="#模式匹配提取" aria-label="Permalink to &quot;模式匹配提取&quot;">​</a></h1><p>字符串可以和正则做模式匹配，找到匹配的部分，提取子组，之后可以用 1,2 等引用匹配的子组。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;abc&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">replace</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/</span><span style="--shiki-light:#032F62;--shiki-dark:#DBEDFF;">a(b)c</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;$1,$1,$1&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
+import{_ as i,o as a,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"模式匹配提取","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/pattern.md","filePath":"cn/src/article/typescript/pattern.md","lastUpdated":1728129344000}'),n={name:"cn/src/article/typescript/pattern.md"};function k(p,s,l,e,r,d){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="模式匹配提取" tabindex="-1">模式匹配提取 <a class="header-anchor" href="#模式匹配提取" aria-label="Permalink to &quot;模式匹配提取&quot;">​</a></h1><p>字符串可以和正则做模式匹配，找到匹配的部分，提取子组，之后可以用 1,2 等引用匹配的子组。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;abc&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">replace</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/</span><span style="--shiki-light:#032F62;--shiki-dark:#DBEDFF;">a(b)c</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;$1,$1,$1&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// &#39;b,b,b&#39;</span></span></code></pre></div><p>Typescript 的类型也同样可以做模式匹配。</p><p>比如这样一个 Promise 类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> p</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>我们想提取 value 的类型，可以这样做：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>通过 extends 对传入的类型参数 P 做模式匹配，其中值的类型是需要提取的，通过 infer 声明一个局部变量 Value 来保存，如果匹配，就返回匹配到的 Value，否则就返回 never 代表没匹配到。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type GetValueResult = &#39;value&#39;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;;</span></span></code></pre></div><p>这就是 Typescript 类型的模式匹配：</p><p>Typescript 类型的模式匹配是通过 extends 对类型参数做匹配，结果保存到通过 infer 声明的局部类型变量里，如果匹配就能从该局部变量里拿到提取出的类型。</p><p>这个模式匹配的套路有多有用呢？我们来看下在数组、字符串、函数、构造器等类型里的应用。</p><h2 id="_1-数组类型" tabindex="-1">1.数组类型 <a class="header-anchor" href="#_1-数组类型" aria-label="Permalink to &quot;1.数组类型&quot;">​</a></h2><h3 id="提取第一个元素" tabindex="-1">提取第一个元素 <a class="header-anchor" href="#提取第一个元素" aria-label="Permalink to &quot;提取第一个元素&quot;">​</a></h3><p>数组类型想提取第一个元素的类型怎么做呢？</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>用它来匹配一个模式类型，提取第一个元素的类型到通过 infer 声明的局部变量里返回。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetFirst</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> First</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> First</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Arr 通过 extends 约束为只能是数组类型，数组元素是 unkown 也就是可以是任何值。</p><blockquote><p>any 和 unknown 的区别： any 和 unknown 都代表任意类型，但是 unknown 只能接收任意类型的值，而 any 除了可以接收任意类型的值，也可以赋值给任意类型（除了 never）。类型体操中经常用 unknown 接受和匹配任何类型，而很少把任何类型赋值给某个类型变量。</p></blockquote><p>对 Arr 做模式匹配，把我们要提取的第一个元素的类型放到通过 infer 声明的 First 局部变量里，后面的元素可以是任何类型，用 unknown 接收，然后把局部变量 First 返回。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetFirst</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> First</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> First</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetFirstValue</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetFirst</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span>
diff --git a/assets/cn_src_article_typescript_reconstruction.md.B-6dp4-w.js b/assets/cn_src_article_typescript_reconstruction.md.CwRrki5l.js
similarity index 99%
rename from assets/cn_src_article_typescript_reconstruction.md.B-6dp4-w.js
rename to assets/cn_src_article_typescript_reconstruction.md.CwRrki5l.js
index 88cedc5379..2d6fe72a66 100644
--- a/assets/cn_src_article_typescript_reconstruction.md.B-6dp4-w.js
+++ b/assets/cn_src_article_typescript_reconstruction.md.CwRrki5l.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"重新构造做变换","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/reconstruction.md","filePath":"cn/src/article/typescript/reconstruction.md","lastUpdated":1728129125000}'),k={name:"cn/src/article/typescript/reconstruction.md"};function n(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t(`<h1 id="重新构造做变换" tabindex="-1">重新构造做变换 <a class="header-anchor" href="#重新构造做变换" aria-label="Permalink to &quot;重新构造做变换&quot;">​</a></h1><p>类型编程主要的目的就是对类型做各种转换，那么如何对类型做修改呢？</p><p>TypeScript 类型系统支持 3 种可以声明任意类型的变量： type、infer、类型参数。</p><p>type 叫做类型别名，其实就是声明一个变量存储某个类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ttt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>infer 用于类型的提取，然后存到一个变量里，相当于局部变量：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数用于接受具体的类型，在类型运算中也相当于局部变量：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>但是，严格来说这三种也都不叫变量，因为它们不能被重新赋值。</p><p>TypeScript 设计可以做类型编程的类型系统的目的就是为了产生各种复杂的类型，那不能修改怎么产生新类型呢？</p><p>答案是重新构造。</p><p>这就涉及到了第二个类型体操套路：重新构造做变换。</p><h2 id="重新构造" tabindex="-1">重新构造 <a class="header-anchor" href="#重新构造" aria-label="Permalink to &quot;重新构造&quot;">​</a></h2><p>TypeScript 的 type、infer、类型参数声明的变量都不能修改，想对类型做各种变换产生新的类型就需要重新构造。</p><p>数组、字符串、函数等类型的重新构造比较简单。</p><p>索引类型，也就是多个元素的聚合类型的重新构造复杂一些，涉及到了映射类型的语法。</p><p>我们先从简单的开始：</p><h2 id="数组类型的重新构造" tabindex="-1">数组类型的重新构造 <a class="header-anchor" href="#数组类型的重新构造" aria-label="Permalink to &quot;数组类型的重新构造&quot;">​</a></h2><h3 id="push" tabindex="-1">Push <a class="header-anchor" href="#push" aria-label="Permalink to &quot;Push&quot;">​</a></h3><p>有这样一个元组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>我想给这个元组类型再添加一些类型，怎么做呢？</p><p>TypeScript 类型变量不支持修改，我们可以构造一个新的元组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>类型参数 Arr 是要修改的数组/元组类型，元素的类型任意，也就是 unknown。</p><p>类型参数 Ele 是添加的元素的类型。</p><p>返回的是用 Arr 已有的元素加上 Ele 构造的新的元组类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PushResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>
+import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"重新构造做变换","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/reconstruction.md","filePath":"cn/src/article/typescript/reconstruction.md","lastUpdated":1728129344000}'),k={name:"cn/src/article/typescript/reconstruction.md"};function n(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t(`<h1 id="重新构造做变换" tabindex="-1">重新构造做变换 <a class="header-anchor" href="#重新构造做变换" aria-label="Permalink to &quot;重新构造做变换&quot;">​</a></h1><p>类型编程主要的目的就是对类型做各种转换，那么如何对类型做修改呢？</p><p>TypeScript 类型系统支持 3 种可以声明任意类型的变量： type、infer、类型参数。</p><p>type 叫做类型别名，其实就是声明一个变量存储某个类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ttt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>infer 用于类型的提取，然后存到一个变量里，相当于局部变量：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数用于接受具体的类型，在类型运算中也相当于局部变量：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>但是，严格来说这三种也都不叫变量，因为它们不能被重新赋值。</p><p>TypeScript 设计可以做类型编程的类型系统的目的就是为了产生各种复杂的类型，那不能修改怎么产生新类型呢？</p><p>答案是重新构造。</p><p>这就涉及到了第二个类型体操套路：重新构造做变换。</p><h2 id="重新构造" tabindex="-1">重新构造 <a class="header-anchor" href="#重新构造" aria-label="Permalink to &quot;重新构造&quot;">​</a></h2><p>TypeScript 的 type、infer、类型参数声明的变量都不能修改，想对类型做各种变换产生新的类型就需要重新构造。</p><p>数组、字符串、函数等类型的重新构造比较简单。</p><p>索引类型，也就是多个元素的聚合类型的重新构造复杂一些，涉及到了映射类型的语法。</p><p>我们先从简单的开始：</p><h2 id="数组类型的重新构造" tabindex="-1">数组类型的重新构造 <a class="header-anchor" href="#数组类型的重新构造" aria-label="Permalink to &quot;数组类型的重新构造&quot;">​</a></h2><h3 id="push" tabindex="-1">Push <a class="header-anchor" href="#push" aria-label="Permalink to &quot;Push&quot;">​</a></h3><p>有这样一个元组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>我想给这个元组类型再添加一些类型，怎么做呢？</p><p>TypeScript 类型变量不支持修改，我们可以构造一个新的元组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>类型参数 Arr 是要修改的数组/元组类型，元素的类型任意，也就是 unknown。</p><p>类型参数 Ele 是添加的元素的类型。</p><p>返回的是用 Arr 已有的元素加上 Ele 构造的新的元组类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PushResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type PushResult = [1,2,3,4]</span></span></code></pre></div><p>这就是数组/元组的重新构造。</p><blockquote><p>数组和元组的区别：数组类型是指任意多个同一类型的元素构成的，比如 <code>number[]</code>、<code>Array&lt;number&gt;</code>，而元组则是数量固定，类型可以不同的元素构成的，比如 <code>[1, true, &#39;name&#39;]</code>。</p></blockquote><h3 id="unshift" tabindex="-1">Unshift <a class="header-anchor" href="#unshift" aria-label="Permalink to &quot;Unshift&quot;">​</a></h3><p>可以在后面添加，同样也可以在前面添加：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Unshift</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h3 id="zip" tabindex="-1">Zip <a class="header-anchor" href="#zip" aria-label="Permalink to &quot;Zip&quot;">​</a></h3><p>有这样两个元组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple1</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>我们想把它们合并成这样的元组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]];</span></span></code></pre></div><p>思路很容易想到，提取元组中的两个元素，构造成新的元组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Zip</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">One</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Other</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> One</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> OneFirst</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
diff --git a/assets/cn_src_article_typescript_reconstruction.md.B-6dp4-w.lean.js b/assets/cn_src_article_typescript_reconstruction.md.CwRrki5l.lean.js
similarity index 99%
rename from assets/cn_src_article_typescript_reconstruction.md.B-6dp4-w.lean.js
rename to assets/cn_src_article_typescript_reconstruction.md.CwRrki5l.lean.js
index 88cedc5379..2d6fe72a66 100644
--- a/assets/cn_src_article_typescript_reconstruction.md.B-6dp4-w.lean.js
+++ b/assets/cn_src_article_typescript_reconstruction.md.CwRrki5l.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"重新构造做变换","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/reconstruction.md","filePath":"cn/src/article/typescript/reconstruction.md","lastUpdated":1728129125000}'),k={name:"cn/src/article/typescript/reconstruction.md"};function n(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t(`<h1 id="重新构造做变换" tabindex="-1">重新构造做变换 <a class="header-anchor" href="#重新构造做变换" aria-label="Permalink to &quot;重新构造做变换&quot;">​</a></h1><p>类型编程主要的目的就是对类型做各种转换，那么如何对类型做修改呢？</p><p>TypeScript 类型系统支持 3 种可以声明任意类型的变量： type、infer、类型参数。</p><p>type 叫做类型别名，其实就是声明一个变量存储某个类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ttt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>infer 用于类型的提取，然后存到一个变量里，相当于局部变量：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数用于接受具体的类型，在类型运算中也相当于局部变量：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>但是，严格来说这三种也都不叫变量，因为它们不能被重新赋值。</p><p>TypeScript 设计可以做类型编程的类型系统的目的就是为了产生各种复杂的类型，那不能修改怎么产生新类型呢？</p><p>答案是重新构造。</p><p>这就涉及到了第二个类型体操套路：重新构造做变换。</p><h2 id="重新构造" tabindex="-1">重新构造 <a class="header-anchor" href="#重新构造" aria-label="Permalink to &quot;重新构造&quot;">​</a></h2><p>TypeScript 的 type、infer、类型参数声明的变量都不能修改，想对类型做各种变换产生新的类型就需要重新构造。</p><p>数组、字符串、函数等类型的重新构造比较简单。</p><p>索引类型，也就是多个元素的聚合类型的重新构造复杂一些，涉及到了映射类型的语法。</p><p>我们先从简单的开始：</p><h2 id="数组类型的重新构造" tabindex="-1">数组类型的重新构造 <a class="header-anchor" href="#数组类型的重新构造" aria-label="Permalink to &quot;数组类型的重新构造&quot;">​</a></h2><h3 id="push" tabindex="-1">Push <a class="header-anchor" href="#push" aria-label="Permalink to &quot;Push&quot;">​</a></h3><p>有这样一个元组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>我想给这个元组类型再添加一些类型，怎么做呢？</p><p>TypeScript 类型变量不支持修改，我们可以构造一个新的元组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>类型参数 Arr 是要修改的数组/元组类型，元素的类型任意，也就是 unknown。</p><p>类型参数 Ele 是添加的元素的类型。</p><p>返回的是用 Arr 已有的元素加上 Ele 构造的新的元组类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PushResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>
+import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"重新构造做变换","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/reconstruction.md","filePath":"cn/src/article/typescript/reconstruction.md","lastUpdated":1728129344000}'),k={name:"cn/src/article/typescript/reconstruction.md"};function n(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t(`<h1 id="重新构造做变换" tabindex="-1">重新构造做变换 <a class="header-anchor" href="#重新构造做变换" aria-label="Permalink to &quot;重新构造做变换&quot;">​</a></h1><p>类型编程主要的目的就是对类型做各种转换，那么如何对类型做修改呢？</p><p>TypeScript 类型系统支持 3 种可以声明任意类型的变量： type、infer、类型参数。</p><p>type 叫做类型别名，其实就是声明一个变量存储某个类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ttt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>infer 用于类型的提取，然后存到一个变量里，相当于局部变量：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数用于接受具体的类型，在类型运算中也相当于局部变量：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>但是，严格来说这三种也都不叫变量，因为它们不能被重新赋值。</p><p>TypeScript 设计可以做类型编程的类型系统的目的就是为了产生各种复杂的类型，那不能修改怎么产生新类型呢？</p><p>答案是重新构造。</p><p>这就涉及到了第二个类型体操套路：重新构造做变换。</p><h2 id="重新构造" tabindex="-1">重新构造 <a class="header-anchor" href="#重新构造" aria-label="Permalink to &quot;重新构造&quot;">​</a></h2><p>TypeScript 的 type、infer、类型参数声明的变量都不能修改，想对类型做各种变换产生新的类型就需要重新构造。</p><p>数组、字符串、函数等类型的重新构造比较简单。</p><p>索引类型，也就是多个元素的聚合类型的重新构造复杂一些，涉及到了映射类型的语法。</p><p>我们先从简单的开始：</p><h2 id="数组类型的重新构造" tabindex="-1">数组类型的重新构造 <a class="header-anchor" href="#数组类型的重新构造" aria-label="Permalink to &quot;数组类型的重新构造&quot;">​</a></h2><h3 id="push" tabindex="-1">Push <a class="header-anchor" href="#push" aria-label="Permalink to &quot;Push&quot;">​</a></h3><p>有这样一个元组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>我想给这个元组类型再添加一些类型，怎么做呢？</p><p>TypeScript 类型变量不支持修改，我们可以构造一个新的元组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>类型参数 Arr 是要修改的数组/元组类型，元素的类型任意，也就是 unknown。</p><p>类型参数 Ele 是添加的元素的类型。</p><p>返回的是用 Arr 已有的元素加上 Ele 构造的新的元组类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PushResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type PushResult = [1,2,3,4]</span></span></code></pre></div><p>这就是数组/元组的重新构造。</p><blockquote><p>数组和元组的区别：数组类型是指任意多个同一类型的元素构成的，比如 <code>number[]</code>、<code>Array&lt;number&gt;</code>，而元组则是数量固定，类型可以不同的元素构成的，比如 <code>[1, true, &#39;name&#39;]</code>。</p></blockquote><h3 id="unshift" tabindex="-1">Unshift <a class="header-anchor" href="#unshift" aria-label="Permalink to &quot;Unshift&quot;">​</a></h3><p>可以在后面添加，同样也可以在前面添加：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Unshift</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h3 id="zip" tabindex="-1">Zip <a class="header-anchor" href="#zip" aria-label="Permalink to &quot;Zip&quot;">​</a></h3><p>有这样两个元组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple1</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>我们想把它们合并成这样的元组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]];</span></span></code></pre></div><p>思路很容易想到，提取元组中的两个元素，构造成新的元组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Zip</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">One</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Other</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> One</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> OneFirst</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
diff --git a/assets/cn_src_article_typescript_recursion.md.NrD8NlPF.js b/assets/cn_src_article_typescript_recursion.md.DXrQrnQX.js
similarity index 99%
rename from assets/cn_src_article_typescript_recursion.md.NrD8NlPF.js
rename to assets/cn_src_article_typescript_recursion.md.DXrQrnQX.js
index 78acffff03..fa5aed715a 100644
--- a/assets/cn_src_article_typescript_recursion.md.NrD8NlPF.js
+++ b/assets/cn_src_article_typescript_recursion.md.DXrQrnQX.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"递归复用","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/recursion.md","filePath":"cn/src/article/typescript/recursion.md","lastUpdated":1728129125000}'),n={name:"cn/src/article/typescript/recursion.md"};function t(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="递归复用" tabindex="-1">递归复用 <a class="header-anchor" href="#递归复用" aria-label="Permalink to &quot;递归复用&quot;">​</a></h1><p>递归是把问题分解为一系列相似的小问题，通过函数不断调用自身来解决这一个个小问题，直到满足结束条件，就完成了问题的求解。</p><p>TypeScript 的高级类型支持类型参数，可以做各种类型运算逻辑，返回新的类型，和函数调用是对应的，自然也支持递归。</p><p>TypeScript 类型系统不支持循环，但支持递归。当处理数量（个数、长度、层数）不固定的类型的时候，可以只处理一个类型，然后递归的调用自身处理下一个类型，直到结束条件也就是所有的类型都处理完了，就完成了不确定数量的类型编程，达到循环的效果。</p><p>既然提到了数组、字符串、对象等类型，那么我们就来看一下这些类型的递归案例吧。</p><h2 id="promise-的递归复用" tabindex="-1">Promise 的递归复用 <a class="header-anchor" href="#promise-的递归复用" aria-label="Permalink to &quot;Promise 的递归复用&quot;">​</a></h2><h3 id="deeppromisevaluetype" tabindex="-1">DeepPromiseValueType <a class="header-anchor" href="#deeppromisevaluetype" aria-label="Permalink to &quot;DeepPromiseValueType&quot;">​</a></h3><p>先用 Promise 热热身，实现一个提取不确定层数的 Promise 中的 value 类型的高级类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ttt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Record</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;&gt;&gt;;</span></span></code></pre></div><p>这里是 3 层 Promise，value 类型是索引类型。</p><p>数量不确定，一涉及到这个就要想到用递归来做，每次只处理一层的提取，然后剩下的到下次递归做，直到结束条件。</p><p>所以高级类型是这样的：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> DeepPromiseValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span></span>
+import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"递归复用","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/recursion.md","filePath":"cn/src/article/typescript/recursion.md","lastUpdated":1728129344000}'),n={name:"cn/src/article/typescript/recursion.md"};function t(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="递归复用" tabindex="-1">递归复用 <a class="header-anchor" href="#递归复用" aria-label="Permalink to &quot;递归复用&quot;">​</a></h1><p>递归是把问题分解为一系列相似的小问题，通过函数不断调用自身来解决这一个个小问题，直到满足结束条件，就完成了问题的求解。</p><p>TypeScript 的高级类型支持类型参数，可以做各种类型运算逻辑，返回新的类型，和函数调用是对应的，自然也支持递归。</p><p>TypeScript 类型系统不支持循环，但支持递归。当处理数量（个数、长度、层数）不固定的类型的时候，可以只处理一个类型，然后递归的调用自身处理下一个类型，直到结束条件也就是所有的类型都处理完了，就完成了不确定数量的类型编程，达到循环的效果。</p><p>既然提到了数组、字符串、对象等类型，那么我们就来看一下这些类型的递归案例吧。</p><h2 id="promise-的递归复用" tabindex="-1">Promise 的递归复用 <a class="header-anchor" href="#promise-的递归复用" aria-label="Permalink to &quot;Promise 的递归复用&quot;">​</a></h2><h3 id="deeppromisevaluetype" tabindex="-1">DeepPromiseValueType <a class="header-anchor" href="#deeppromisevaluetype" aria-label="Permalink to &quot;DeepPromiseValueType&quot;">​</a></h3><p>先用 Promise 热热身，实现一个提取不确定层数的 Promise 中的 value 类型的高级类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ttt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Record</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;&gt;&gt;;</span></span></code></pre></div><p>这里是 3 层 Promise，value 类型是索引类型。</p><p>数量不确定，一涉及到这个就要想到用递归来做，每次只处理一层的提取，然后剩下的到下次递归做，直到结束条件。</p><p>所以高级类型是这样的：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> DeepPromiseValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ValueType</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">      ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> DeepPromiseValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_article_typescript_recursion.md.NrD8NlPF.lean.js b/assets/cn_src_article_typescript_recursion.md.DXrQrnQX.lean.js
similarity index 99%
rename from assets/cn_src_article_typescript_recursion.md.NrD8NlPF.lean.js
rename to assets/cn_src_article_typescript_recursion.md.DXrQrnQX.lean.js
index 78acffff03..fa5aed715a 100644
--- a/assets/cn_src_article_typescript_recursion.md.NrD8NlPF.lean.js
+++ b/assets/cn_src_article_typescript_recursion.md.DXrQrnQX.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"递归复用","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/recursion.md","filePath":"cn/src/article/typescript/recursion.md","lastUpdated":1728129125000}'),n={name:"cn/src/article/typescript/recursion.md"};function t(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="递归复用" tabindex="-1">递归复用 <a class="header-anchor" href="#递归复用" aria-label="Permalink to &quot;递归复用&quot;">​</a></h1><p>递归是把问题分解为一系列相似的小问题，通过函数不断调用自身来解决这一个个小问题，直到满足结束条件，就完成了问题的求解。</p><p>TypeScript 的高级类型支持类型参数，可以做各种类型运算逻辑，返回新的类型，和函数调用是对应的，自然也支持递归。</p><p>TypeScript 类型系统不支持循环，但支持递归。当处理数量（个数、长度、层数）不固定的类型的时候，可以只处理一个类型，然后递归的调用自身处理下一个类型，直到结束条件也就是所有的类型都处理完了，就完成了不确定数量的类型编程，达到循环的效果。</p><p>既然提到了数组、字符串、对象等类型，那么我们就来看一下这些类型的递归案例吧。</p><h2 id="promise-的递归复用" tabindex="-1">Promise 的递归复用 <a class="header-anchor" href="#promise-的递归复用" aria-label="Permalink to &quot;Promise 的递归复用&quot;">​</a></h2><h3 id="deeppromisevaluetype" tabindex="-1">DeepPromiseValueType <a class="header-anchor" href="#deeppromisevaluetype" aria-label="Permalink to &quot;DeepPromiseValueType&quot;">​</a></h3><p>先用 Promise 热热身，实现一个提取不确定层数的 Promise 中的 value 类型的高级类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ttt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Record</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;&gt;&gt;;</span></span></code></pre></div><p>这里是 3 层 Promise，value 类型是索引类型。</p><p>数量不确定，一涉及到这个就要想到用递归来做，每次只处理一层的提取，然后剩下的到下次递归做，直到结束条件。</p><p>所以高级类型是这样的：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> DeepPromiseValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span></span>
+import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"递归复用","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/recursion.md","filePath":"cn/src/article/typescript/recursion.md","lastUpdated":1728129344000}'),n={name:"cn/src/article/typescript/recursion.md"};function t(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="递归复用" tabindex="-1">递归复用 <a class="header-anchor" href="#递归复用" aria-label="Permalink to &quot;递归复用&quot;">​</a></h1><p>递归是把问题分解为一系列相似的小问题，通过函数不断调用自身来解决这一个个小问题，直到满足结束条件，就完成了问题的求解。</p><p>TypeScript 的高级类型支持类型参数，可以做各种类型运算逻辑，返回新的类型，和函数调用是对应的，自然也支持递归。</p><p>TypeScript 类型系统不支持循环，但支持递归。当处理数量（个数、长度、层数）不固定的类型的时候，可以只处理一个类型，然后递归的调用自身处理下一个类型，直到结束条件也就是所有的类型都处理完了，就完成了不确定数量的类型编程，达到循环的效果。</p><p>既然提到了数组、字符串、对象等类型，那么我们就来看一下这些类型的递归案例吧。</p><h2 id="promise-的递归复用" tabindex="-1">Promise 的递归复用 <a class="header-anchor" href="#promise-的递归复用" aria-label="Permalink to &quot;Promise 的递归复用&quot;">​</a></h2><h3 id="deeppromisevaluetype" tabindex="-1">DeepPromiseValueType <a class="header-anchor" href="#deeppromisevaluetype" aria-label="Permalink to &quot;DeepPromiseValueType&quot;">​</a></h3><p>先用 Promise 热热身，实现一个提取不确定层数的 Promise 中的 value 类型的高级类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ttt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Record</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;&gt;&gt;;</span></span></code></pre></div><p>这里是 3 层 Promise，value 类型是索引类型。</p><p>数量不确定，一涉及到这个就要想到用递归来做，每次只处理一层的提取，然后剩下的到下次递归做，直到结束条件。</p><p>所以高级类型是这样的：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> DeepPromiseValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ValueType</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">      ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> DeepPromiseValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_article_typescript_unionType.md.BgeL6nAW.js b/assets/cn_src_article_typescript_unionType.md.BEJLXxlO.js
similarity index 99%
rename from assets/cn_src_article_typescript_unionType.md.BgeL6nAW.js
rename to assets/cn_src_article_typescript_unionType.md.BEJLXxlO.js
index 387e9b03bf..498d07738f 100644
--- a/assets/cn_src_article_typescript_unionType.md.BgeL6nAW.js
+++ b/assets/cn_src_article_typescript_unionType.md.BEJLXxlO.js
@@ -1 +1 @@
-import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"分布式条件类型","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/unionType.md","filePath":"cn/src/article/typescript/unionType.md","lastUpdated":1728129125000}'),k={name:"cn/src/article/typescript/unionType.md"};function n(p,s,l,e,d,r){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="分布式条件类型" tabindex="-1">分布式条件类型 <a class="header-anchor" href="#分布式条件类型" aria-label="Permalink to &quot;分布式条件类型&quot;">​</a></h1><p>当类型参数为联合类型，并且在条件类型左边直接引用该类型参数的时候，TypeScript 会把每一个元素单独传入来做类型运算，最后再合并成联合类型，这种语法叫做分布式条件类型。</p><p>比如这样一个联合类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Union</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>我们想把其中的 a 大写，就可以这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> UppercaseA</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Uppercase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> UppercaseA</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Union</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type result = &#39;A&#39; | &#39;b&#39; | &#39;c&#39;;</span></span></code></pre></div><p>可以看到，我们类型参数 Item 约束为 string，条件类型的判断中也是判断是否是 a，但传入的是联合类型。</p><p>这就是 TypeScript 对联合类型在条件类型中使用时的特殊处理：会把联合类型的每一个元素单独传入做类型计算，最后合并。</p><p>这和联合类型遇到字符串时的处理一样：</p><p>这样确实是简化了类型编程逻辑的，不需要递归提取每个元素再处理。</p><p>TypeScript 之所以这样处理联合类型也很容易理解，因为联合类型的每个元素都是互不相关的，不像数组、索引、字符串那样元素之间是有关系的。所以设计成了每一个单独处理，最后合并。</p><p>知道了 TypeScript 怎么处理的联合类型，趁热打铁来练习一下：</p><h2 id="camelcaseunion" tabindex="-1">CamelcaseUnion <a class="header-anchor" href="#camelcaseunion" aria-label="Permalink to &quot;CamelcaseUnion&quot;">​</a></h2><p>Camelcase 我们实现过，就是提取字符串中的字符，首字母大写以后重新构造一个新的。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Str</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Str</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}_${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Uppercase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Camelcase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Str</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>提取 _ 左右的字符，把右边字符大写之后构造成新的字符串，余下的字符串递归处理。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aa_aa_aa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type CamelcaseResult = &#39;aaAaAa&#39;</span></span></code></pre></div><p>如果是对字符串数组做 Camelcase，那就要递归处理每一个元素：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> RestArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &amp;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CamelcaseArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">RestArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;]</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [];</span></span></code></pre></div><p>类型参数 Arr 为待处理数组。</p><p>递归提取每一个元素做 Camelcase，因为 Camelcase 要求传入 string，这里要 &amp; string 来变成 string 类型。</p><p>那如果是联合类型呢？</p><p>联合类型不需要递归提取每个元素，TypeScript 内部会把每一个元素传入单独做计算，之后把每个元素的计算结果合并成联合类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}_${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Uppercase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CamelcaseUnion</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>这不和单个字符串的处理没区别么？</p><p>没错，对联合类型的处理和对单个类型的处理没什么区别，TypeScript 会把每个单独的类型拆开传入。不需要像数组类型那样需要递归提取每个元素做处理。</p><p>确实简化了很多，好像都是优点？</p><p>也不全是，其实这样处理也增加了一些认知成本，不信我们再来看个例子：</p><h2 id="isunion" tabindex="-1">IsUnion <a class="header-anchor" href="#isunion" aria-label="Permalink to &quot;IsUnion&quot;">​</a></h2><p>判断联合类型我们会这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ([</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>当传入联合类型时，会返回 true：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type IsUnionResult = true</span></span></code></pre></div><p>当传入其他类型时，会返回 false：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type IsUnionResult = false</span></span></code></pre></div><p>这就是分布式条件类型带来的认知成本。</p><p>我们先来看这样一个类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">a</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">b</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>传入联合类型 &#39;a&#39; | &#39;b&#39; | &#39;c&#39; 的时候，结果是这样的：</p><p>A 和 B 都是同一个联合类型，为啥值还不一样呢？</p><p><strong>因为条件类型中如果左边的类型是联合类型，会把每个元素单独传入做计算，而右边不会。</strong></p><p>所以 A 是 &#39;a&#39; 的时候，B 是 &#39;a&#39; | &#39;b&#39; | &#39;c&#39;， A 是 &#39;b&#39; 的时候，B 是 &#39;a&#39; | &#39;b&#39; | &#39;c&#39;。。。</p><p>那么利用这个特点就可以实现 Union 类型的判断：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ([</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待判断的联合类型，B 默认值为 A，也就是同一个类型。</p><p><strong>A extends A 这段看似没啥意义，主要是为了触发分布式条件类型，让 A 的每个类型单独传入。</strong></p><p><strong>[B] extends [A] 这样不直接写 B 就可以避免触发分布式条件类型，那么 B 就是整个联合类型。</strong></p><p>B 是联合类型整体，而 A 是单个类型，自然不成立，而其它类型没有这种特殊处理，A 和 B 都是同一个，怎么判断都成立。</p><p>利用这个特点就可以判断出是否是联合类型。</p><p>其中有两个点比较困惑，我们重点记一下：</p><p>当 A 是联合类型时：</p><p>A extends A 这种写法是为了触发分布式条件类型，让每个类型单独传入处理的，没别的意义。</p><p>A extends A 和 [A] extends [A] 是不同的处理，前者是单个类型和整个类型做判断，后者两边都是整个联合类型，因为只有 extends 左边直接是类型参数才会触发分布式条件类型。</p><p>理解了这两点，分布式条件类型就算掌握了。</p><h2 id="bem" tabindex="-1">BEM <a class="header-anchor" href="#bem" aria-label="Permalink to &quot;BEM&quot;">​</a></h2><p>bem 是 css 命名规范，用 block__element--modifier 的形式来描述某个区块下面的某个元素的某个状态的样式。</p><p>那么我们可以写这样一个高级类型，传入 block、element、modifier，返回构造出的 class 名：</p><p>这样使用：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> bemResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;guang&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aaa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;bbb&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;warning&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;success&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span></code></pre></div><p>它的实现就是三部分的合并，但传入的是数组，要递归遍历取出每一个元素来和其他部分组合，这样太麻烦了。</p><p>而如果是联合类型就不用递归遍历了，因为联合类型遇到字符串也是会单独每个元素单独传入做处理。</p><p>数组转联合类型可以这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> union</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aaa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;bbb&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type union = &#39;aaa&#39; | &#39;bbb&#39;</span></span></code></pre></div><p>那么 BEM 就可以这样实现：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Block</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Element</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Modifiers</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Block</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}__${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Element</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}--${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Modifiers</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Block、Element、Modifiers 分别是 bem 规范的三部分，其中 Element 和 Modifiers 都可能多个，约束为 string[]。</p><p>构造一个字符串类型，其中 Element 和 Modifiers 通过索引访问来变为联合类型。</p><p>字符串类型中遇到联合类型的时候，会每个元素单独传入计算，也就是这样的效果：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> RemResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;b&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;d&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;e&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type RemResult = &#39;a__b--d&#39; | &#39;a__b--e&#39; | &#39;a__c--d&#39; | &#39;a__b--e&#39;</span></span></code></pre></div><p>可以看到，用好了联合类型，确实能简化类型编程逻辑。</p><h2 id="allcombinations" tabindex="-1">AllCombinations <a class="header-anchor" href="#allcombinations" aria-label="Permalink to &quot;AllCombinations&quot;">​</a></h2><p>我们再来实现一个全组合的高级类型，也是联合类型相关的：</p><p>希望传入 &#39;A&#39; | &#39;B&#39; 的时候，能够返回所有的组合： &#39;A&#39; | &#39;B&#39; | &#39;BA&#39; | &#39;AB&#39;。</p><p>这种全组合问题的实现思路就是两两组合，组合出的字符串再和其他字符串两两组和：</p><p>比如 &#39;A&#39; | &#39;B&#39; | &#39;c&#39;，就是 A 和 B、C 组合，B 和 A、C 组合，C 和 A、B 组合。然后组合出来的字符串再和其他字符串组合。</p><p>任何两个类型的组合有四种：A、B、AB、BA</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>然后构造出来的字符串再和其他字符串组合。</p><p>所以全组合的高级类型就是这样：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Exclude</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;&gt;</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待组合的两个联合类型，B 默认是 A 也就是同一个。</p><p>A extends A 的意义就是让联合类型每个类型单独传入做处理，上面我们刚学会。</p><p>A 的处理就是 A 和 B 中去掉 A 以后的所有类型组合，也就是 Combination&lt;A, B 去掉 A 以后的所有组合&gt;。</p><p>而 B 去掉 A 以后的所有组合就是 AllCombinations&lt;Exclude&lt;B, A&gt;&gt;，所以全组合就是 Combination&lt;A, AllCombinations&lt;Exclude&lt;B, A&gt;&gt;&gt;。</p><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>联合类型中的每个类型都是相互独立的，TypeScript 对它做了特殊处理，也就是遇到字符串类型、条件类型的时候会把每个类型单独传入做计算，最后把每个类型的计算结果合并成联合类型。</p><p>条件类型左边是联合类型的时候就会触法这种处理，叫做分布式条件类型。</p><p>有两点特别要注意：</p><ul><li><p>A extends A 不是没意义，意义是取出联合类型中的单个类型放入 A</p></li><li><p>A extends A 才是分布式条件类型， [A] extends [A] 就不是了，只有左边是单独的类型参数才可以。</p></li></ul><p>我们后面做了一些案例，发现联合类型的这种 distributive 的特性确实能简化类型编程，但是也增加了认知成本，不过这也是不可避免的事。</p>',91)]))}const y=i(k,[["render",n]]);export{F as __pageData,y as default};
+import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"分布式条件类型","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/unionType.md","filePath":"cn/src/article/typescript/unionType.md","lastUpdated":1728129344000}'),k={name:"cn/src/article/typescript/unionType.md"};function n(p,s,l,e,d,r){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="分布式条件类型" tabindex="-1">分布式条件类型 <a class="header-anchor" href="#分布式条件类型" aria-label="Permalink to &quot;分布式条件类型&quot;">​</a></h1><p>当类型参数为联合类型，并且在条件类型左边直接引用该类型参数的时候，TypeScript 会把每一个元素单独传入来做类型运算，最后再合并成联合类型，这种语法叫做分布式条件类型。</p><p>比如这样一个联合类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Union</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>我们想把其中的 a 大写，就可以这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> UppercaseA</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Uppercase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> UppercaseA</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Union</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type result = &#39;A&#39; | &#39;b&#39; | &#39;c&#39;;</span></span></code></pre></div><p>可以看到，我们类型参数 Item 约束为 string，条件类型的判断中也是判断是否是 a，但传入的是联合类型。</p><p>这就是 TypeScript 对联合类型在条件类型中使用时的特殊处理：会把联合类型的每一个元素单独传入做类型计算，最后合并。</p><p>这和联合类型遇到字符串时的处理一样：</p><p>这样确实是简化了类型编程逻辑的，不需要递归提取每个元素再处理。</p><p>TypeScript 之所以这样处理联合类型也很容易理解，因为联合类型的每个元素都是互不相关的，不像数组、索引、字符串那样元素之间是有关系的。所以设计成了每一个单独处理，最后合并。</p><p>知道了 TypeScript 怎么处理的联合类型，趁热打铁来练习一下：</p><h2 id="camelcaseunion" tabindex="-1">CamelcaseUnion <a class="header-anchor" href="#camelcaseunion" aria-label="Permalink to &quot;CamelcaseUnion&quot;">​</a></h2><p>Camelcase 我们实现过，就是提取字符串中的字符，首字母大写以后重新构造一个新的。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Str</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Str</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}_${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Uppercase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Camelcase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Str</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>提取 _ 左右的字符，把右边字符大写之后构造成新的字符串，余下的字符串递归处理。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aa_aa_aa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type CamelcaseResult = &#39;aaAaAa&#39;</span></span></code></pre></div><p>如果是对字符串数组做 Camelcase，那就要递归处理每一个元素：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> RestArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &amp;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CamelcaseArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">RestArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;]</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [];</span></span></code></pre></div><p>类型参数 Arr 为待处理数组。</p><p>递归提取每一个元素做 Camelcase，因为 Camelcase 要求传入 string，这里要 &amp; string 来变成 string 类型。</p><p>那如果是联合类型呢？</p><p>联合类型不需要递归提取每个元素，TypeScript 内部会把每一个元素传入单独做计算，之后把每个元素的计算结果合并成联合类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}_${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Uppercase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CamelcaseUnion</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>这不和单个字符串的处理没区别么？</p><p>没错，对联合类型的处理和对单个类型的处理没什么区别，TypeScript 会把每个单独的类型拆开传入。不需要像数组类型那样需要递归提取每个元素做处理。</p><p>确实简化了很多，好像都是优点？</p><p>也不全是，其实这样处理也增加了一些认知成本，不信我们再来看个例子：</p><h2 id="isunion" tabindex="-1">IsUnion <a class="header-anchor" href="#isunion" aria-label="Permalink to &quot;IsUnion&quot;">​</a></h2><p>判断联合类型我们会这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ([</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>当传入联合类型时，会返回 true：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type IsUnionResult = true</span></span></code></pre></div><p>当传入其他类型时，会返回 false：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type IsUnionResult = false</span></span></code></pre></div><p>这就是分布式条件类型带来的认知成本。</p><p>我们先来看这样一个类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">a</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">b</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>传入联合类型 &#39;a&#39; | &#39;b&#39; | &#39;c&#39; 的时候，结果是这样的：</p><p>A 和 B 都是同一个联合类型，为啥值还不一样呢？</p><p><strong>因为条件类型中如果左边的类型是联合类型，会把每个元素单独传入做计算，而右边不会。</strong></p><p>所以 A 是 &#39;a&#39; 的时候，B 是 &#39;a&#39; | &#39;b&#39; | &#39;c&#39;， A 是 &#39;b&#39; 的时候，B 是 &#39;a&#39; | &#39;b&#39; | &#39;c&#39;。。。</p><p>那么利用这个特点就可以实现 Union 类型的判断：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ([</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待判断的联合类型，B 默认值为 A，也就是同一个类型。</p><p><strong>A extends A 这段看似没啥意义，主要是为了触发分布式条件类型，让 A 的每个类型单独传入。</strong></p><p><strong>[B] extends [A] 这样不直接写 B 就可以避免触发分布式条件类型，那么 B 就是整个联合类型。</strong></p><p>B 是联合类型整体，而 A 是单个类型，自然不成立，而其它类型没有这种特殊处理，A 和 B 都是同一个，怎么判断都成立。</p><p>利用这个特点就可以判断出是否是联合类型。</p><p>其中有两个点比较困惑，我们重点记一下：</p><p>当 A 是联合类型时：</p><p>A extends A 这种写法是为了触发分布式条件类型，让每个类型单独传入处理的，没别的意义。</p><p>A extends A 和 [A] extends [A] 是不同的处理，前者是单个类型和整个类型做判断，后者两边都是整个联合类型，因为只有 extends 左边直接是类型参数才会触发分布式条件类型。</p><p>理解了这两点，分布式条件类型就算掌握了。</p><h2 id="bem" tabindex="-1">BEM <a class="header-anchor" href="#bem" aria-label="Permalink to &quot;BEM&quot;">​</a></h2><p>bem 是 css 命名规范，用 block__element--modifier 的形式来描述某个区块下面的某个元素的某个状态的样式。</p><p>那么我们可以写这样一个高级类型，传入 block、element、modifier，返回构造出的 class 名：</p><p>这样使用：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> bemResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;guang&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aaa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;bbb&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;warning&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;success&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span></code></pre></div><p>它的实现就是三部分的合并，但传入的是数组，要递归遍历取出每一个元素来和其他部分组合，这样太麻烦了。</p><p>而如果是联合类型就不用递归遍历了，因为联合类型遇到字符串也是会单独每个元素单独传入做处理。</p><p>数组转联合类型可以这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> union</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aaa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;bbb&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type union = &#39;aaa&#39; | &#39;bbb&#39;</span></span></code></pre></div><p>那么 BEM 就可以这样实现：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Block</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Element</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Modifiers</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Block</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}__${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Element</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}--${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Modifiers</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Block、Element、Modifiers 分别是 bem 规范的三部分，其中 Element 和 Modifiers 都可能多个，约束为 string[]。</p><p>构造一个字符串类型，其中 Element 和 Modifiers 通过索引访问来变为联合类型。</p><p>字符串类型中遇到联合类型的时候，会每个元素单独传入计算，也就是这样的效果：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> RemResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;b&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;d&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;e&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type RemResult = &#39;a__b--d&#39; | &#39;a__b--e&#39; | &#39;a__c--d&#39; | &#39;a__b--e&#39;</span></span></code></pre></div><p>可以看到，用好了联合类型，确实能简化类型编程逻辑。</p><h2 id="allcombinations" tabindex="-1">AllCombinations <a class="header-anchor" href="#allcombinations" aria-label="Permalink to &quot;AllCombinations&quot;">​</a></h2><p>我们再来实现一个全组合的高级类型，也是联合类型相关的：</p><p>希望传入 &#39;A&#39; | &#39;B&#39; 的时候，能够返回所有的组合： &#39;A&#39; | &#39;B&#39; | &#39;BA&#39; | &#39;AB&#39;。</p><p>这种全组合问题的实现思路就是两两组合，组合出的字符串再和其他字符串两两组和：</p><p>比如 &#39;A&#39; | &#39;B&#39; | &#39;c&#39;，就是 A 和 B、C 组合，B 和 A、C 组合，C 和 A、B 组合。然后组合出来的字符串再和其他字符串组合。</p><p>任何两个类型的组合有四种：A、B、AB、BA</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>然后构造出来的字符串再和其他字符串组合。</p><p>所以全组合的高级类型就是这样：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Exclude</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;&gt;</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待组合的两个联合类型，B 默认是 A 也就是同一个。</p><p>A extends A 的意义就是让联合类型每个类型单独传入做处理，上面我们刚学会。</p><p>A 的处理就是 A 和 B 中去掉 A 以后的所有类型组合，也就是 Combination&lt;A, B 去掉 A 以后的所有组合&gt;。</p><p>而 B 去掉 A 以后的所有组合就是 AllCombinations&lt;Exclude&lt;B, A&gt;&gt;，所以全组合就是 Combination&lt;A, AllCombinations&lt;Exclude&lt;B, A&gt;&gt;&gt;。</p><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>联合类型中的每个类型都是相互独立的，TypeScript 对它做了特殊处理，也就是遇到字符串类型、条件类型的时候会把每个类型单独传入做计算，最后把每个类型的计算结果合并成联合类型。</p><p>条件类型左边是联合类型的时候就会触法这种处理，叫做分布式条件类型。</p><p>有两点特别要注意：</p><ul><li><p>A extends A 不是没意义，意义是取出联合类型中的单个类型放入 A</p></li><li><p>A extends A 才是分布式条件类型， [A] extends [A] 就不是了，只有左边是单独的类型参数才可以。</p></li></ul><p>我们后面做了一些案例，发现联合类型的这种 distributive 的特性确实能简化类型编程，但是也增加了认知成本，不过这也是不可避免的事。</p>',91)]))}const y=i(k,[["render",n]]);export{F as __pageData,y as default};
diff --git a/assets/cn_src_article_typescript_unionType.md.BgeL6nAW.lean.js b/assets/cn_src_article_typescript_unionType.md.BEJLXxlO.lean.js
similarity index 99%
rename from assets/cn_src_article_typescript_unionType.md.BgeL6nAW.lean.js
rename to assets/cn_src_article_typescript_unionType.md.BEJLXxlO.lean.js
index 387e9b03bf..498d07738f 100644
--- a/assets/cn_src_article_typescript_unionType.md.BgeL6nAW.lean.js
+++ b/assets/cn_src_article_typescript_unionType.md.BEJLXxlO.lean.js
@@ -1 +1 @@
-import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"分布式条件类型","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/unionType.md","filePath":"cn/src/article/typescript/unionType.md","lastUpdated":1728129125000}'),k={name:"cn/src/article/typescript/unionType.md"};function n(p,s,l,e,d,r){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="分布式条件类型" tabindex="-1">分布式条件类型 <a class="header-anchor" href="#分布式条件类型" aria-label="Permalink to &quot;分布式条件类型&quot;">​</a></h1><p>当类型参数为联合类型，并且在条件类型左边直接引用该类型参数的时候，TypeScript 会把每一个元素单独传入来做类型运算，最后再合并成联合类型，这种语法叫做分布式条件类型。</p><p>比如这样一个联合类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Union</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>我们想把其中的 a 大写，就可以这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> UppercaseA</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Uppercase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> UppercaseA</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Union</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type result = &#39;A&#39; | &#39;b&#39; | &#39;c&#39;;</span></span></code></pre></div><p>可以看到，我们类型参数 Item 约束为 string，条件类型的判断中也是判断是否是 a，但传入的是联合类型。</p><p>这就是 TypeScript 对联合类型在条件类型中使用时的特殊处理：会把联合类型的每一个元素单独传入做类型计算，最后合并。</p><p>这和联合类型遇到字符串时的处理一样：</p><p>这样确实是简化了类型编程逻辑的，不需要递归提取每个元素再处理。</p><p>TypeScript 之所以这样处理联合类型也很容易理解，因为联合类型的每个元素都是互不相关的，不像数组、索引、字符串那样元素之间是有关系的。所以设计成了每一个单独处理，最后合并。</p><p>知道了 TypeScript 怎么处理的联合类型，趁热打铁来练习一下：</p><h2 id="camelcaseunion" tabindex="-1">CamelcaseUnion <a class="header-anchor" href="#camelcaseunion" aria-label="Permalink to &quot;CamelcaseUnion&quot;">​</a></h2><p>Camelcase 我们实现过，就是提取字符串中的字符，首字母大写以后重新构造一个新的。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Str</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Str</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}_${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Uppercase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Camelcase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Str</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>提取 _ 左右的字符，把右边字符大写之后构造成新的字符串，余下的字符串递归处理。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aa_aa_aa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type CamelcaseResult = &#39;aaAaAa&#39;</span></span></code></pre></div><p>如果是对字符串数组做 Camelcase，那就要递归处理每一个元素：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> RestArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &amp;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CamelcaseArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">RestArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;]</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [];</span></span></code></pre></div><p>类型参数 Arr 为待处理数组。</p><p>递归提取每一个元素做 Camelcase，因为 Camelcase 要求传入 string，这里要 &amp; string 来变成 string 类型。</p><p>那如果是联合类型呢？</p><p>联合类型不需要递归提取每个元素，TypeScript 内部会把每一个元素传入单独做计算，之后把每个元素的计算结果合并成联合类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}_${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Uppercase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CamelcaseUnion</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>这不和单个字符串的处理没区别么？</p><p>没错，对联合类型的处理和对单个类型的处理没什么区别，TypeScript 会把每个单独的类型拆开传入。不需要像数组类型那样需要递归提取每个元素做处理。</p><p>确实简化了很多，好像都是优点？</p><p>也不全是，其实这样处理也增加了一些认知成本，不信我们再来看个例子：</p><h2 id="isunion" tabindex="-1">IsUnion <a class="header-anchor" href="#isunion" aria-label="Permalink to &quot;IsUnion&quot;">​</a></h2><p>判断联合类型我们会这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ([</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>当传入联合类型时，会返回 true：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type IsUnionResult = true</span></span></code></pre></div><p>当传入其他类型时，会返回 false：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type IsUnionResult = false</span></span></code></pre></div><p>这就是分布式条件类型带来的认知成本。</p><p>我们先来看这样一个类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">a</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">b</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>传入联合类型 &#39;a&#39; | &#39;b&#39; | &#39;c&#39; 的时候，结果是这样的：</p><p>A 和 B 都是同一个联合类型，为啥值还不一样呢？</p><p><strong>因为条件类型中如果左边的类型是联合类型，会把每个元素单独传入做计算，而右边不会。</strong></p><p>所以 A 是 &#39;a&#39; 的时候，B 是 &#39;a&#39; | &#39;b&#39; | &#39;c&#39;， A 是 &#39;b&#39; 的时候，B 是 &#39;a&#39; | &#39;b&#39; | &#39;c&#39;。。。</p><p>那么利用这个特点就可以实现 Union 类型的判断：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ([</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待判断的联合类型，B 默认值为 A，也就是同一个类型。</p><p><strong>A extends A 这段看似没啥意义，主要是为了触发分布式条件类型，让 A 的每个类型单独传入。</strong></p><p><strong>[B] extends [A] 这样不直接写 B 就可以避免触发分布式条件类型，那么 B 就是整个联合类型。</strong></p><p>B 是联合类型整体，而 A 是单个类型，自然不成立，而其它类型没有这种特殊处理，A 和 B 都是同一个，怎么判断都成立。</p><p>利用这个特点就可以判断出是否是联合类型。</p><p>其中有两个点比较困惑，我们重点记一下：</p><p>当 A 是联合类型时：</p><p>A extends A 这种写法是为了触发分布式条件类型，让每个类型单独传入处理的，没别的意义。</p><p>A extends A 和 [A] extends [A] 是不同的处理，前者是单个类型和整个类型做判断，后者两边都是整个联合类型，因为只有 extends 左边直接是类型参数才会触发分布式条件类型。</p><p>理解了这两点，分布式条件类型就算掌握了。</p><h2 id="bem" tabindex="-1">BEM <a class="header-anchor" href="#bem" aria-label="Permalink to &quot;BEM&quot;">​</a></h2><p>bem 是 css 命名规范，用 block__element--modifier 的形式来描述某个区块下面的某个元素的某个状态的样式。</p><p>那么我们可以写这样一个高级类型，传入 block、element、modifier，返回构造出的 class 名：</p><p>这样使用：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> bemResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;guang&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aaa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;bbb&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;warning&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;success&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span></code></pre></div><p>它的实现就是三部分的合并，但传入的是数组，要递归遍历取出每一个元素来和其他部分组合，这样太麻烦了。</p><p>而如果是联合类型就不用递归遍历了，因为联合类型遇到字符串也是会单独每个元素单独传入做处理。</p><p>数组转联合类型可以这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> union</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aaa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;bbb&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type union = &#39;aaa&#39; | &#39;bbb&#39;</span></span></code></pre></div><p>那么 BEM 就可以这样实现：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Block</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Element</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Modifiers</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Block</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}__${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Element</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}--${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Modifiers</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Block、Element、Modifiers 分别是 bem 规范的三部分，其中 Element 和 Modifiers 都可能多个，约束为 string[]。</p><p>构造一个字符串类型，其中 Element 和 Modifiers 通过索引访问来变为联合类型。</p><p>字符串类型中遇到联合类型的时候，会每个元素单独传入计算，也就是这样的效果：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> RemResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;b&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;d&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;e&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type RemResult = &#39;a__b--d&#39; | &#39;a__b--e&#39; | &#39;a__c--d&#39; | &#39;a__b--e&#39;</span></span></code></pre></div><p>可以看到，用好了联合类型，确实能简化类型编程逻辑。</p><h2 id="allcombinations" tabindex="-1">AllCombinations <a class="header-anchor" href="#allcombinations" aria-label="Permalink to &quot;AllCombinations&quot;">​</a></h2><p>我们再来实现一个全组合的高级类型，也是联合类型相关的：</p><p>希望传入 &#39;A&#39; | &#39;B&#39; 的时候，能够返回所有的组合： &#39;A&#39; | &#39;B&#39; | &#39;BA&#39; | &#39;AB&#39;。</p><p>这种全组合问题的实现思路就是两两组合，组合出的字符串再和其他字符串两两组和：</p><p>比如 &#39;A&#39; | &#39;B&#39; | &#39;c&#39;，就是 A 和 B、C 组合，B 和 A、C 组合，C 和 A、B 组合。然后组合出来的字符串再和其他字符串组合。</p><p>任何两个类型的组合有四种：A、B、AB、BA</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>然后构造出来的字符串再和其他字符串组合。</p><p>所以全组合的高级类型就是这样：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Exclude</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;&gt;</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待组合的两个联合类型，B 默认是 A 也就是同一个。</p><p>A extends A 的意义就是让联合类型每个类型单独传入做处理，上面我们刚学会。</p><p>A 的处理就是 A 和 B 中去掉 A 以后的所有类型组合，也就是 Combination&lt;A, B 去掉 A 以后的所有组合&gt;。</p><p>而 B 去掉 A 以后的所有组合就是 AllCombinations&lt;Exclude&lt;B, A&gt;&gt;，所以全组合就是 Combination&lt;A, AllCombinations&lt;Exclude&lt;B, A&gt;&gt;&gt;。</p><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>联合类型中的每个类型都是相互独立的，TypeScript 对它做了特殊处理，也就是遇到字符串类型、条件类型的时候会把每个类型单独传入做计算，最后把每个类型的计算结果合并成联合类型。</p><p>条件类型左边是联合类型的时候就会触法这种处理，叫做分布式条件类型。</p><p>有两点特别要注意：</p><ul><li><p>A extends A 不是没意义，意义是取出联合类型中的单个类型放入 A</p></li><li><p>A extends A 才是分布式条件类型， [A] extends [A] 就不是了，只有左边是单独的类型参数才可以。</p></li></ul><p>我们后面做了一些案例，发现联合类型的这种 distributive 的特性确实能简化类型编程，但是也增加了认知成本，不过这也是不可避免的事。</p>',91)]))}const y=i(k,[["render",n]]);export{F as __pageData,y as default};
+import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"分布式条件类型","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/typescript/unionType.md","filePath":"cn/src/article/typescript/unionType.md","lastUpdated":1728129344000}'),k={name:"cn/src/article/typescript/unionType.md"};function n(p,s,l,e,d,r){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="分布式条件类型" tabindex="-1">分布式条件类型 <a class="header-anchor" href="#分布式条件类型" aria-label="Permalink to &quot;分布式条件类型&quot;">​</a></h1><p>当类型参数为联合类型，并且在条件类型左边直接引用该类型参数的时候，TypeScript 会把每一个元素单独传入来做类型运算，最后再合并成联合类型，这种语法叫做分布式条件类型。</p><p>比如这样一个联合类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Union</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>我们想把其中的 a 大写，就可以这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> UppercaseA</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Uppercase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> UppercaseA</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Union</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type result = &#39;A&#39; | &#39;b&#39; | &#39;c&#39;;</span></span></code></pre></div><p>可以看到，我们类型参数 Item 约束为 string，条件类型的判断中也是判断是否是 a，但传入的是联合类型。</p><p>这就是 TypeScript 对联合类型在条件类型中使用时的特殊处理：会把联合类型的每一个元素单独传入做类型计算，最后合并。</p><p>这和联合类型遇到字符串时的处理一样：</p><p>这样确实是简化了类型编程逻辑的，不需要递归提取每个元素再处理。</p><p>TypeScript 之所以这样处理联合类型也很容易理解，因为联合类型的每个元素都是互不相关的，不像数组、索引、字符串那样元素之间是有关系的。所以设计成了每一个单独处理，最后合并。</p><p>知道了 TypeScript 怎么处理的联合类型，趁热打铁来练习一下：</p><h2 id="camelcaseunion" tabindex="-1">CamelcaseUnion <a class="header-anchor" href="#camelcaseunion" aria-label="Permalink to &quot;CamelcaseUnion&quot;">​</a></h2><p>Camelcase 我们实现过，就是提取字符串中的字符，首字母大写以后重新构造一个新的。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Str</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Str</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}_${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Uppercase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Camelcase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Str</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>提取 _ 左右的字符，把右边字符大写之后构造成新的字符串，余下的字符串递归处理。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aa_aa_aa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type CamelcaseResult = &#39;aaAaAa&#39;</span></span></code></pre></div><p>如果是对字符串数组做 Camelcase，那就要递归处理每一个元素：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> RestArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &amp;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CamelcaseArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">RestArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;]</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [];</span></span></code></pre></div><p>类型参数 Arr 为待处理数组。</p><p>递归提取每一个元素做 Camelcase，因为 Camelcase 要求传入 string，这里要 &amp; string 来变成 string 类型。</p><p>那如果是联合类型呢？</p><p>联合类型不需要递归提取每个元素，TypeScript 内部会把每一个元素传入单独做计算，之后把每个元素的计算结果合并成联合类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}_${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Uppercase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CamelcaseUnion</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>这不和单个字符串的处理没区别么？</p><p>没错，对联合类型的处理和对单个类型的处理没什么区别，TypeScript 会把每个单独的类型拆开传入。不需要像数组类型那样需要递归提取每个元素做处理。</p><p>确实简化了很多，好像都是优点？</p><p>也不全是，其实这样处理也增加了一些认知成本，不信我们再来看个例子：</p><h2 id="isunion" tabindex="-1">IsUnion <a class="header-anchor" href="#isunion" aria-label="Permalink to &quot;IsUnion&quot;">​</a></h2><p>判断联合类型我们会这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ([</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>当传入联合类型时，会返回 true：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type IsUnionResult = true</span></span></code></pre></div><p>当传入其他类型时，会返回 false：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type IsUnionResult = false</span></span></code></pre></div><p>这就是分布式条件类型带来的认知成本。</p><p>我们先来看这样一个类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">a</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">b</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>传入联合类型 &#39;a&#39; | &#39;b&#39; | &#39;c&#39; 的时候，结果是这样的：</p><p>A 和 B 都是同一个联合类型，为啥值还不一样呢？</p><p><strong>因为条件类型中如果左边的类型是联合类型，会把每个元素单独传入做计算，而右边不会。</strong></p><p>所以 A 是 &#39;a&#39; 的时候，B 是 &#39;a&#39; | &#39;b&#39; | &#39;c&#39;， A 是 &#39;b&#39; 的时候，B 是 &#39;a&#39; | &#39;b&#39; | &#39;c&#39;。。。</p><p>那么利用这个特点就可以实现 Union 类型的判断：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ([</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待判断的联合类型，B 默认值为 A，也就是同一个类型。</p><p><strong>A extends A 这段看似没啥意义，主要是为了触发分布式条件类型，让 A 的每个类型单独传入。</strong></p><p><strong>[B] extends [A] 这样不直接写 B 就可以避免触发分布式条件类型，那么 B 就是整个联合类型。</strong></p><p>B 是联合类型整体，而 A 是单个类型，自然不成立，而其它类型没有这种特殊处理，A 和 B 都是同一个，怎么判断都成立。</p><p>利用这个特点就可以判断出是否是联合类型。</p><p>其中有两个点比较困惑，我们重点记一下：</p><p>当 A 是联合类型时：</p><p>A extends A 这种写法是为了触发分布式条件类型，让每个类型单独传入处理的，没别的意义。</p><p>A extends A 和 [A] extends [A] 是不同的处理，前者是单个类型和整个类型做判断，后者两边都是整个联合类型，因为只有 extends 左边直接是类型参数才会触发分布式条件类型。</p><p>理解了这两点，分布式条件类型就算掌握了。</p><h2 id="bem" tabindex="-1">BEM <a class="header-anchor" href="#bem" aria-label="Permalink to &quot;BEM&quot;">​</a></h2><p>bem 是 css 命名规范，用 block__element--modifier 的形式来描述某个区块下面的某个元素的某个状态的样式。</p><p>那么我们可以写这样一个高级类型，传入 block、element、modifier，返回构造出的 class 名：</p><p>这样使用：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> bemResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;guang&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aaa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;bbb&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;warning&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;success&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span></code></pre></div><p>它的实现就是三部分的合并，但传入的是数组，要递归遍历取出每一个元素来和其他部分组合，这样太麻烦了。</p><p>而如果是联合类型就不用递归遍历了，因为联合类型遇到字符串也是会单独每个元素单独传入做处理。</p><p>数组转联合类型可以这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> union</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aaa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;bbb&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type union = &#39;aaa&#39; | &#39;bbb&#39;</span></span></code></pre></div><p>那么 BEM 就可以这样实现：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Block</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Element</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Modifiers</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Block</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}__${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Element</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}--${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Modifiers</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Block、Element、Modifiers 分别是 bem 规范的三部分，其中 Element 和 Modifiers 都可能多个，约束为 string[]。</p><p>构造一个字符串类型，其中 Element 和 Modifiers 通过索引访问来变为联合类型。</p><p>字符串类型中遇到联合类型的时候，会每个元素单独传入计算，也就是这样的效果：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> RemResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;b&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;d&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;e&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type RemResult = &#39;a__b--d&#39; | &#39;a__b--e&#39; | &#39;a__c--d&#39; | &#39;a__b--e&#39;</span></span></code></pre></div><p>可以看到，用好了联合类型，确实能简化类型编程逻辑。</p><h2 id="allcombinations" tabindex="-1">AllCombinations <a class="header-anchor" href="#allcombinations" aria-label="Permalink to &quot;AllCombinations&quot;">​</a></h2><p>我们再来实现一个全组合的高级类型，也是联合类型相关的：</p><p>希望传入 &#39;A&#39; | &#39;B&#39; 的时候，能够返回所有的组合： &#39;A&#39; | &#39;B&#39; | &#39;BA&#39; | &#39;AB&#39;。</p><p>这种全组合问题的实现思路就是两两组合，组合出的字符串再和其他字符串两两组和：</p><p>比如 &#39;A&#39; | &#39;B&#39; | &#39;c&#39;，就是 A 和 B、C 组合，B 和 A、C 组合，C 和 A、B 组合。然后组合出来的字符串再和其他字符串组合。</p><p>任何两个类型的组合有四种：A、B、AB、BA</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>然后构造出来的字符串再和其他字符串组合。</p><p>所以全组合的高级类型就是这样：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Exclude</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;&gt;</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待组合的两个联合类型，B 默认是 A 也就是同一个。</p><p>A extends A 的意义就是让联合类型每个类型单独传入做处理，上面我们刚学会。</p><p>A 的处理就是 A 和 B 中去掉 A 以后的所有类型组合，也就是 Combination&lt;A, B 去掉 A 以后的所有组合&gt;。</p><p>而 B 去掉 A 以后的所有组合就是 AllCombinations&lt;Exclude&lt;B, A&gt;&gt;，所以全组合就是 Combination&lt;A, AllCombinations&lt;Exclude&lt;B, A&gt;&gt;&gt;。</p><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>联合类型中的每个类型都是相互独立的，TypeScript 对它做了特殊处理，也就是遇到字符串类型、条件类型的时候会把每个类型单独传入做计算，最后把每个类型的计算结果合并成联合类型。</p><p>条件类型左边是联合类型的时候就会触法这种处理，叫做分布式条件类型。</p><p>有两点特别要注意：</p><ul><li><p>A extends A 不是没意义，意义是取出联合类型中的单个类型放入 A</p></li><li><p>A extends A 才是分布式条件类型， [A] extends [A] 就不是了，只有左边是单独的类型参数才可以。</p></li></ul><p>我们后面做了一些案例，发现联合类型的这种 distributive 的特性确实能简化类型编程，但是也增加了认知成本，不过这也是不可避免的事。</p>',91)]))}const y=i(k,[["render",n]]);export{F as __pageData,y as default};
diff --git a/assets/cn_src_article_video.md.Cz2oSvp1.js b/assets/cn_src_article_video.md.D_lFXyPJ.js
similarity index 99%
rename from assets/cn_src_article_video.md.Cz2oSvp1.js
rename to assets/cn_src_article_video.md.D_lFXyPJ.js
index 277a6b1165..0a8422173b 100644
--- a/assets/cn_src_article_video.md.Cz2oSvp1.js
+++ b/assets/cn_src_article_video.md.D_lFXyPJ.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const t="/ran/assets/bilibili_video_code.DgWtgAEf.webp",p="/ran/assets/bili_demo_url.BQDGtHUp.webp",l="/ran/assets/bilibili_video_m4s.BccuY7bk.webp",k="/ran/assets/aqiyi_demo.s0swGzvF.webp",e="/ran/assets/tiktok_video.DuwKyIdt.webp",d="/ran/assets/tiktik_video_demo.mxxBzLay.webp",E="/ran/assets/red_book.DiBEvryP.webp",r="/ran/assets/safari_support_media.Bafr23bR.webp",g="/ran/assets/firefox_support_media.BLmSeBNy.webp",o="/ran/assets/ms_support.CaZSSiRt.webp",c="/ran/assets/ts_demo.D_l_mv9k.webp",y="/ran/assets/video_format.CRMCTmKB.webp",F="/ran/assets/xgplayer_docs.CpHb1Wan.webp",C="/ran/assets/bili_demo.CI8Ur8IA.webp",u="/ran/assets/rplayer_demo.CoJ7kuJt.webp",x=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/video.md","filePath":"cn/src/article/video.md","lastUpdated":1728129125000}'),B={name:"cn/src/article/video.md"};function m(A,s,b,v,D,f){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1>实现自适应码率 Web 视频加密播放：前后端的挑战与解决方案</h1><p>最近又遇到了<code>web</code>视频化的场景，之前也有过调研：<a href="https://juejin.cn/post/7238739662822735933" target="_blank" rel="noreferrer">H5 视频化调研浅析</a></p><p>但这次稍微复杂一些，这次解决的是：</p><ol><li>视频播放的技术方案调研</li></ol><p>服务端实现：</p><ol><li>视频转码</li><li>生成不同码率的视频</li><li>进行视频标准加密</li><li>不同码率视频合并，用于动态码率播放</li></ol><p><code>web</code>端实现</p><ol><li><code>web</code>端播放器的设计</li><li><code>web</code>端播放器的自定义扩展</li><li>可拖拽进度条</li><li>音量控制</li><li>根据当前带宽自适应码率切换</li><li>手动清晰度切换</li><li>倍速播放</li><li>样式自定义覆盖</li><li>标准加密视频播放</li><li>基于原生开发，可在所有框架运行，统一跨框架情况</li><li>各浏览器控件统一</li></ol><p>其中<code>web</code>端源码已添加<code>MIT</code>协议并完全开源，如果看完对大家有帮助的话，欢迎大家<code>star</code>,<code>issue</code>,<code>pr</code>，也希望能友好交流～</p><p>demo 地址：<a href="https://chaxus.github.io/ran/src/ranui/player/" target="_blank" rel="noreferrer">https://chaxus.github.io/ran/src/ranui/player/</a></p><p>源码地址：<a href="https://github.com/chaxus/ran" target="_blank" rel="noreferrer">https://github.com/chaxus/ran</a></p><p><code>demo</code>文档做了国际化，可切换到中文</p><p>任何一个项目，立项肯定先是技术调研，我们先看看一些大公司的视频播放方案</p><h2 id="一-一些知名公司的-web-视频播放方案" tabindex="-1">一：一些知名公司的 web 视频播放方案 <a class="header-anchor" href="#一-一些知名公司的-web-视频播放方案" aria-label="Permalink to &quot;一：一些知名公司的 web 视频播放方案&quot;">​</a></h2><h3 id="_1-b-站" tabindex="-1">1.B 站 <a class="header-anchor" href="#_1-b-站" aria-label="Permalink to &quot;1.B 站&quot;">​</a></h3><p>我们先看看 B 站的，毕竟 B 站的主营业务就是视频弹幕网站，简直专业对口。</p><p>先找一个例子：<a href="https://www.bilibili.com/video/BV1FM411N7LJ" target="_blank" rel="noreferrer">https://www.bilibili.com/video/BV1FM411N7LJ</a> 访问它。</p><p><img src="'+t+'" alt="image.png"></p><p>打开控制台，可以看到，视频在播放的时候，会不断的请求<code>m4s</code>的视频文件。</p><p>毕竟一整个视频文件往往比较大，不可能先请求完视频文件，再进行播放。因此将一个大的视频文件分割成很多小的片段，边加载边播放，是一种更好的方式。</p><p><img src="'+p+'" alt="image.png"></p><p>每次请求的<code>m4s</code>文件大概在几十<code>kb</code>到几百<code>kb</code>不等。</p><p><img src="'+l+'" alt="image.png"></p><p>那为什么不采用<code>http</code>的<code>range</code>呢，可以请求一个文件的部分内容，而且粒度更细，可以设置字节范围。在<code>http</code>请求的<code>header</code>中，类似这样</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Range</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: bytes </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 3171375</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> -</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 3203867</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>我们可以检查这个链接请求<code>https://upos-sz-mirror08c.bilivideo.com/upgcxcode/67/92/1008149267/1008149267-1-30064.m4s</code>的请求头，就能发现，B 站采用的是，即分片加载，同时还用了<code>range</code>的方式。</p><h3 id="_2-爱奇艺-爱奇艺、土豆、优酷" tabindex="-1">2. 爱奇艺：（爱奇艺、土豆、优酷） <a class="header-anchor" href="#_2-爱奇艺-爱奇艺、土豆、优酷" aria-label="Permalink to &quot;2. 爱奇艺：（爱奇艺、土豆、优酷）&quot;">​</a></h3><p>爱奇艺这里就不贴视频链接了，因为随便点一个视频，都要先看广告。</p><p><img src="'+k+'" alt="image.png"></p><p>爱奇艺的视频主要请求的是<code>f4v</code>格式，也是分片加载。</p><p>播放一个视频时，请求多个<code>f4v</code>文件。</p><p>也采用<code>Range</code>。但和 B 站不一样的是，B 站的<code>Range</code>属性是在<code>m4s</code>请求的请求头里面，而爱奇艺的看起来是在<code>querystring</code>上，在请求<code>query</code>上带着<code>range</code>参数。</p><p>因为没发现这个请求的<code>header</code>里面有<code>range</code>参数。比如：</p><p><code>https://v-6fce1712.71edge.com/videos/other/20231113/6b/bb/3f3fe83b89124248c3216156dfe2f4c3.f4v?dis_k=2ba39ee8c55c4d23781e3fb9f91fa7a46&amp;dis_t=1701439831&amp;dis_dz=CNC-BeiJing&amp;dis_st=46&amp;src=iqiyi.com&amp;dis_hit=0&amp;dis_tag=01010000&amp;uuid=72713f52-6569e957-351&amp;cross-domain=1&amp;ssl=1&amp;pv=0.1&amp;cphc=arta&amp;range=0-9000</code></p><h3 id="_3-抖音" tabindex="-1">3.抖音： <a class="header-anchor" href="#_3-抖音" aria-label="Permalink to &quot;3.抖音：&quot;">​</a></h3><p>抖音的方案简单粗暴，访问的链接是这个： <a href="https://m.ixigua.com/douyin/share/video/7206914252840370721?aweme_type=107&amp;schema_type=1&amp;utm_source=copy&amp;utm_campaign=client_share&amp;utm_medium=android&amp;app=aweme" target="_blank" rel="noreferrer">https://m.ixigua.com/douyin/share/video/7206914252840370721?aweme_type=107&amp;schema_type=1&amp;utm_source=copy&amp;utm_campaign=client_share&amp;utm_medium=android&amp;app=aweme</a></p><p>通过查看控制台，我们可以发现，直接请求了一个视频的地址</p><p><img src="'+e+'" alt="image.png"></p><p>没有进行分片，但用到了请求<code>range</code>，所以可以看到视频，是边播放边缓冲一部分。</p><p>不过我在开发的时候发现，目前租用的服务云厂商，默认会帮我们实现这项技术。</p><p>因为我把<code>mp4</code>视频上传到云服务器，通过链接进行播放的时候，就是边缓冲边播放的。</p><p>我们可以直接把这个视频地址拿出来，放到浏览器里面能直接播放，这样观察更明显。</p><p><img src="'+d+'" alt="image.png"></p><p>但 B 站和爱奇艺却不能这样，因为他们采用的<code>m4s</code>和<code>f4v</code>都不是一种通用的视频格式，需要使用专门的软件或工具才能打开和编辑。</p><h3 id="_4-小红书" tabindex="-1">4.小红书： <a class="header-anchor" href="#_4-小红书" aria-label="Permalink to &quot;4.小红书：&quot;">​</a></h3><p>测试用的例子链接：<a href="https://www.xiaohongshu.com/discovery/item/63b286d1000000001f00b495" target="_blank" rel="noreferrer">https://www.xiaohongshu.com/discovery/item/63b286d1000000001f00b495</a></p><p>小红书的方案更加简单粗暴，打开控制台，直接告诉你就是请求一个<code>mp4</code>，然后直接播放就完事了。</p><p><img src="'+E+'" alt="image.png"></p><h3 id="_5-总结" tabindex="-1">5.总结 <a class="header-anchor" href="#_5-总结" aria-label="Permalink to &quot;5.总结&quot;">​</a></h3><p>看完了以上的各家大厂的方案，我们可以看到，基本原理都是边播放边加载，减少直接加载大视频文本的成本。并且通过分片传输，还能动态控制视频码率（清晰度）。做到根据网速，加载不同码率的分片文件，做到动态码率适应。</p><p>同时采用的视频格式，比如<code>f4v</code>，<code>m4s</code>，都不是能直接播放的媒体格式，需要一定的处理。增加盗取视频的成本，增加一定的安全性。</p><p>如果没有强要求，也可以直接采用<code>mp4</code>，或者直接用<code>video</code>播放一个视频文件地址。</p><h2 id="二-常见的视频格式与协议" tabindex="-1">二：常见的视频格式与协议 <a class="header-anchor" href="#二-常见的视频格式与协议" aria-label="Permalink to &quot;二：常见的视频格式与协议&quot;">​</a></h2><p>我们知道视频的常见格式有<code>mp4</code>，同时上面介绍了 B 站播放用的<code>m4s</code>格式，爱奇艺用的<code>f4v</code>格式</p><ul><li>除了这些还有哪些视频格式？</li><li>为什么有这么多视频格式，有哪些不同点呢？</li><li>为什么这些公司会采用这种格式来播放视频呢？</li></ul><h3 id="_1-b-站用的m4s" tabindex="-1">1. B 站用的<code>m4s</code> <a class="header-anchor" href="#_1-b-站用的m4s" aria-label="Permalink to &quot;1. B 站用的`m4s`&quot;">​</a></h3><p><code>M4S</code>格式不是一种通用的视频格式，需要使用专门的软件或工具才能打开和编辑。</p><p><code>M4S</code> 通常会和 <code>MPEG-DASH</code> 流媒体技术一起，通过流式传输的视频的一小部分。播放器会按接收顺序播放这些片段。第一个 <code>M4S</code> 段会包含一些初始化的数据标识。</p><p><code>MPEG-DASH</code> 是一种自适应比特率流媒体技术，通过将内容分解为一系列不同码率的<code>M4S</code>片段，然后根据当前网络带宽进行自动调整。如果想在在<code>web</code>音视频中采用<code>DASH</code>技术，可以看下 <a href="https://github.com/Dash-Industry-Forum/dash.js" target="_blank" rel="noreferrer">https://github.com/Dash-Industry-Forum/dash.js</a></p><h3 id="_2-爱奇艺的f4v" tabindex="-1">2. 爱奇艺的<code>f4v</code> <a class="header-anchor" href="#_2-爱奇艺的f4v" aria-label="Permalink to &quot;2. 爱奇艺的`f4v`&quot;">​</a></h3><p><code>F4V</code>是一种流媒体格式，它是由<code>Adobe</code>公司推出的，继<code>FLV</code>格式之后支持<code>H.264</code>编码的流媒体格式。<code>F4V</code>格式的视频不是一种通用的视频格式，<strong>但通常情况下</strong>，都可以将文件后缀改为<code>FLV</code>，这样就可以使用支持<code>FLV</code>的播放器进行观看。</p><p><code>FLV</code>格式跟常见的<code>MP4</code>格式比起来，结构更加简单，所以加载<code>metadata</code>(视频元数据，比如视频时长等信息) 会更快。具体结构我们可以在这里查到：<a href="https://en.wikipedia.org/wiki/Flash_Video#Flash_Video_Structure" target="_blank" rel="noreferrer">https://en.wikipedia.org/wiki/Flash_Video#Flash_Video_Structure</a></p><p>比如，这是<code>FLV</code>文件的标准头，定义了从几个比特到几个比特之间，是什么含义。我们知道后，可以用<code>MediaSource</code>进行读取和转码。</p><table tabindex="0"><thead><tr><th>Field</th><th>Data Type</th><th>Default</th><th>Details</th></tr></thead><tbody><tr><td>Signature 签名</td><td>byte[3]</td><td>&quot;FLV&quot;</td><td>始终就是“FLV”</td></tr><tr><td>Version 版本</td><td>uint8</td><td>1</td><td>只有 0x01 才有效</td></tr><tr><td>Flags 标志</td><td>uint8 位掩码</td><td>0x05</td><td>0x04 是音频，0x01 是视频（所以 0x05 是音频 + 视频）</td></tr><tr><td>Header Size</td><td>uint32_be</td><td>9</td><td>用于跳过较新的扩展标头</td></tr></tbody></table><p>而<code>MP4</code>格式会稍微复杂一些，具体标准在 <a href="https://www.iso.org/standard/83102.html" target="_blank" rel="noreferrer">ISO/IEC 14496-12</a> 大概有两百多页，这里放不下，对这方面有兴趣的可以自行查看。</p><p>然而这并不表示<code>MP4</code>更差，因为它是一种基础通用标准，所以定义上会留有很多空间，和各种情况，甚至允许在标准之内进行自行发挥和扩展。而<code>FLV</code>格式则更加固定，但优点也是更加简单。</p><p>对于<code>FLV</code>的视频播放，我们可以采用：<a href="https://github.com/bilibili/flv.js" target="_blank" rel="noreferrer">https://github.com/bilibili/flv.js</a> <code>flvjs</code>主要作用就是用<code>MediaSource</code>将<code>flv</code>转码成<code>mp4</code>从而喂给浏览器进行播放。</p><p>接下来是一些其他的视频格式，简单介绍一下：</p><h3 id="_3-avi" tabindex="-1">3.<code>AVI</code> <a class="header-anchor" href="#_3-avi" aria-label="Permalink to &quot;3.`AVI`&quot;">​</a></h3><p>文件名以<code>.avi</code>结尾，<code>AVI</code> 最初由 <code>Microsoft</code> 于 <code>1992</code> 年开发，是 <code>Windows</code> 的标准视频格式。<code>AVI</code> 文件使用较少的压缩来存储文件，并且比许多其他视频格式占用更多空间，这导致文件大小非常大，每分钟视频大约 <code>2-3 GB</code>。</p><p>无损文件不会随着时间的推移而降低质量，无论您打开或保存文件多少次。此外，这允许在不使用任何编解码器的情况下播放。参考资料：<a href="https://en.wikipedia.org/wiki/Audio_Video_Interleave" target="_blank" rel="noreferrer">Audio Video Interleave</a></p><h3 id="_4-mpeg" tabindex="-1">4.<code>MPEG</code> <a class="header-anchor" href="#_4-mpeg" aria-label="Permalink to &quot;4.`MPEG`&quot;">​</a></h3><p>文件名以“.mpg”或“.mpeg”结尾，MPEG 是由 ISO 和 IEC 联合成立的工作组联盟，旨在制定媒体编码标准，包括音频、视频、图形和基因组数据的压缩编码;以及各种应用程序的传输和文件格式。MPEG 格式用于各种多媒体系统。最广为人知的旧 MPEG 媒体格式通常使用 MPEG-1、MPEG-2 和 MPEG-4 AVC 媒体编码，MPEG-2 系统传输流和节目流。较新的系统通常使用 MPEG 基本媒体文件格式和动态流式处理（又名 .MPEG-DASH）。参考资料：<a href="https://en.wikipedia.org/wiki/Moving_Picture_Experts_Group" target="_blank" rel="noreferrer">Moving Picture Experts Group</a></p><h3 id="_5-mp4" tabindex="-1">5.<code>MP4</code> <a class="header-anchor" href="#_5-mp4" aria-label="Permalink to &quot;5.`MP4`&quot;">​</a></h3><p>带有音频和视频的 MPEG-4 文件通常使用标准的 .mp4 扩展名。纯音频 MPEG-4 文件通常具有 .m4a 扩展名，原始 MPEG-4 可视比特流命名为 .m4v。Apple iPhone 使用 MPEG-4 音频作为其铃声，但使用.m4r 扩展名而不是.m4a 扩展名。参考资料：<a href="https://en.wikipedia.org/wiki/MP4_file_format" target="_blank" rel="noreferrer">MPEG-4 Part 14</a></p><h3 id="_6-quicktime" tabindex="-1">6.<code>QuickTime</code> <a class="header-anchor" href="#_6-quicktime" aria-label="Permalink to &quot;6.`QuickTime`&quot;">​</a></h3><p>文件名以“.mov”结尾，QuickTime 能够包含媒体数据的抽象数据引用，并将媒体数据与媒体偏移和轨道编辑列表分离，这意味着 QuickTime 特别适合编辑，因为它能够就地导入和编辑（无需数据复制）。由于 QuickTime 和 MP4 容器格式都可以使用相同的 MPEG-4 格式，因此在仅限 QuickTime 的环境中，它们大多可以互换。MP4 作为国际标准，得到了更多的支持。参考资料：<a href="https://en.wikipedia.org/wiki/QuickTime_File_Format" target="_blank" rel="noreferrer">QuickTime File Format</a></p><h3 id="_7-ts" tabindex="-1">7.<code>TS</code> <a class="header-anchor" href="#_7-ts" aria-label="Permalink to &quot;7.`TS`&quot;">​</a></h3><p>TS 是 MPEG2-TS 的简称，是一种音视频封装格式。TS 流的后缀通常是.ts、.mpg 或者.mpeg，多数播放器直接支持这种格式的播放。TS 格式主要用于直播的码流结构，具有很好的容错能力。</p><h2 id="三-浏览器对各种视频格式的兼容性" tabindex="-1">三：浏览器对各种视频格式的兼容性 <a class="header-anchor" href="#三-浏览器对各种视频格式的兼容性" aria-label="Permalink to &quot;三：浏览器对各种视频格式的兼容性&quot;">​</a></h2><p>上面了解常用的视频格式，和适用范围之后，还需要看一下当前浏览器，对各种视频格式的支持程度，然后制定技术方案。</p><h3 id="_1-chrome" tabindex="-1">1. Chrome <a class="header-anchor" href="#_1-chrome" aria-label="Permalink to &quot;1. Chrome&quot;">​</a></h3><p>支持的视频格式从官方文档可以查到，主要有以下这些</p><ul><li>MP4 (QuickTime/ MOV / ISO-BMFF / CMAF)</li><li>Ogg</li><li>WebM</li><li>WAV</li><li>HLS [Only on Android and only single-origin manifests]</li></ul><p>官方文档如下：<a href="https://www.chromium.org/audio-video/" target="_blank" rel="noreferrer">https://www.chromium.org/audio-video/</a></p><h3 id="_2-safari" tabindex="-1">2. Safari <a class="header-anchor" href="#_2-safari" aria-label="Permalink to &quot;2. Safari&quot;">​</a></h3><p>支持的视频格式有这些：</p><p><img src="'+r+'" alt="image.png"></p><p>官方文档：<a href="https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html" target="_blank" rel="noreferrer">https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html</a></p><h3 id="_3-firefox" tabindex="-1">3.Firefox <a class="header-anchor" href="#_3-firefox" aria-label="Permalink to &quot;3.Firefox&quot;">​</a></h3><p>支持的视频格式：</p><p><img src="'+g+`" alt="image.png"></p><p>官方文档：<a href="https://support.mozilla.org/en-US/kb/html5-audio-and-video-firefox" target="_blank" rel="noreferrer">https://support.mozilla.org/en-US/kb/html5-audio-and-video-firefox</a></p><h2 id="四-mediasource-和视频编码-解码-封装介绍" tabindex="-1">四：MediaSource 和视频编码，解码，封装介绍 <a class="header-anchor" href="#四-mediasource-和视频编码-解码-封装介绍" aria-label="Permalink to &quot;四：MediaSource 和视频编码，解码，封装介绍&quot;">​</a></h2><p>上面介绍了一些视频格式，和目前浏览器的一些兼容性问题。就能发现，在<code>web</code>上播放音视频其实限制还是很大的。如何解决这些限制，就会用到<code>MediaSource</code>。</p><p>视频其实是无数个图片的叠加，如果视频是一秒<code>60</code>帧，大约一秒中需要播放<code>60</code>张图片。这就导致一个几分钟的视频，就会非常大。比如上面介绍的无损格式，<code>avi</code>格式，每分钟视频大约 <code>2-3 GB</code>。这时候视频就需要进行<code>编码</code>。其实就是压缩。</p><p>编码分为视频编码和音频编码，常见的视频编码有：</p><ul><li><strong>MPEG 系列</strong>：<code>MPEG-1</code>第二部分、<code>MPEG-2</code>第二部分（等同于<code>H.262</code>）、<code>MPEG-4</code>第二部分、<code>MPEG-4</code>第十部分（等同于<code>H.264</code>，有时候也被叫做“<code>MPEG-4</code> <code>AVC</code>”或“<code>H.264/AVC</code>”）。</li><li><strong>H.26x 系列</strong>：<code>H.261</code>、<code>H.262</code>、<code>H.263</code>、<code>H.264</code>（等同于<code>MPEG-4</code>第十部分）、<code>H.265/HEVC</code>（<code>ITU-T</code>和<code>ISO/IEC</code>联合推出）。</li><li><strong>其它视频编码</strong>：<code>WMV</code>系列、<code>RV</code>系列、<code>VC-1</code>、<code>DivX</code>、<code>XviD</code>、<code>X264</code>、<code>X265</code>、<code>VP8</code>、<code>VP9</code>、<code>Sorenson Video</code>、<code>AVS</code>。</li></ul><p>常见的音频编码有：<code>AAC</code>，<code>MP3</code>，<code>AC-3</code>等</p><p>编码之后，还需要将音频和视频合并在一个文件里，这就是<code>封装</code>。</p><p>所以相对的，播放一个视频，就需要解封装，解码，音视频同步喂给声卡和显卡进行播放。</p><p><code>MediaSource</code>做的就是这个工作，读取视频流，转换成浏览器能播放的格式。</p><p>以下是<code>flv.js</code>的<code>parseChunks</code>部分内容。读取<code>buffer</code>，一个字节一个字节的根据标准进行解析。然后转码。</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (byteStart </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">===</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
+import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const t="/ran/assets/bilibili_video_code.DgWtgAEf.webp",p="/ran/assets/bili_demo_url.BQDGtHUp.webp",l="/ran/assets/bilibili_video_m4s.BccuY7bk.webp",k="/ran/assets/aqiyi_demo.s0swGzvF.webp",e="/ran/assets/tiktok_video.DuwKyIdt.webp",d="/ran/assets/tiktik_video_demo.mxxBzLay.webp",E="/ran/assets/red_book.DiBEvryP.webp",r="/ran/assets/safari_support_media.Bafr23bR.webp",g="/ran/assets/firefox_support_media.BLmSeBNy.webp",o="/ran/assets/ms_support.CaZSSiRt.webp",c="/ran/assets/ts_demo.D_l_mv9k.webp",y="/ran/assets/video_format.CRMCTmKB.webp",F="/ran/assets/xgplayer_docs.CpHb1Wan.webp",C="/ran/assets/bili_demo.CI8Ur8IA.webp",u="/ran/assets/rplayer_demo.CoJ7kuJt.webp",x=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/video.md","filePath":"cn/src/article/video.md","lastUpdated":1728129344000}'),B={name:"cn/src/article/video.md"};function m(A,s,b,v,D,f){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1>实现自适应码率 Web 视频加密播放：前后端的挑战与解决方案</h1><p>最近又遇到了<code>web</code>视频化的场景，之前也有过调研：<a href="https://juejin.cn/post/7238739662822735933" target="_blank" rel="noreferrer">H5 视频化调研浅析</a></p><p>但这次稍微复杂一些，这次解决的是：</p><ol><li>视频播放的技术方案调研</li></ol><p>服务端实现：</p><ol><li>视频转码</li><li>生成不同码率的视频</li><li>进行视频标准加密</li><li>不同码率视频合并，用于动态码率播放</li></ol><p><code>web</code>端实现</p><ol><li><code>web</code>端播放器的设计</li><li><code>web</code>端播放器的自定义扩展</li><li>可拖拽进度条</li><li>音量控制</li><li>根据当前带宽自适应码率切换</li><li>手动清晰度切换</li><li>倍速播放</li><li>样式自定义覆盖</li><li>标准加密视频播放</li><li>基于原生开发，可在所有框架运行，统一跨框架情况</li><li>各浏览器控件统一</li></ol><p>其中<code>web</code>端源码已添加<code>MIT</code>协议并完全开源，如果看完对大家有帮助的话，欢迎大家<code>star</code>,<code>issue</code>,<code>pr</code>，也希望能友好交流～</p><p>demo 地址：<a href="https://chaxus.github.io/ran/src/ranui/player/" target="_blank" rel="noreferrer">https://chaxus.github.io/ran/src/ranui/player/</a></p><p>源码地址：<a href="https://github.com/chaxus/ran" target="_blank" rel="noreferrer">https://github.com/chaxus/ran</a></p><p><code>demo</code>文档做了国际化，可切换到中文</p><p>任何一个项目，立项肯定先是技术调研，我们先看看一些大公司的视频播放方案</p><h2 id="一-一些知名公司的-web-视频播放方案" tabindex="-1">一：一些知名公司的 web 视频播放方案 <a class="header-anchor" href="#一-一些知名公司的-web-视频播放方案" aria-label="Permalink to &quot;一：一些知名公司的 web 视频播放方案&quot;">​</a></h2><h3 id="_1-b-站" tabindex="-1">1.B 站 <a class="header-anchor" href="#_1-b-站" aria-label="Permalink to &quot;1.B 站&quot;">​</a></h3><p>我们先看看 B 站的，毕竟 B 站的主营业务就是视频弹幕网站，简直专业对口。</p><p>先找一个例子：<a href="https://www.bilibili.com/video/BV1FM411N7LJ" target="_blank" rel="noreferrer">https://www.bilibili.com/video/BV1FM411N7LJ</a> 访问它。</p><p><img src="'+t+'" alt="image.png"></p><p>打开控制台，可以看到，视频在播放的时候，会不断的请求<code>m4s</code>的视频文件。</p><p>毕竟一整个视频文件往往比较大，不可能先请求完视频文件，再进行播放。因此将一个大的视频文件分割成很多小的片段，边加载边播放，是一种更好的方式。</p><p><img src="'+p+'" alt="image.png"></p><p>每次请求的<code>m4s</code>文件大概在几十<code>kb</code>到几百<code>kb</code>不等。</p><p><img src="'+l+'" alt="image.png"></p><p>那为什么不采用<code>http</code>的<code>range</code>呢，可以请求一个文件的部分内容，而且粒度更细，可以设置字节范围。在<code>http</code>请求的<code>header</code>中，类似这样</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Range</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: bytes </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 3171375</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> -</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 3203867</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>我们可以检查这个链接请求<code>https://upos-sz-mirror08c.bilivideo.com/upgcxcode/67/92/1008149267/1008149267-1-30064.m4s</code>的请求头，就能发现，B 站采用的是，即分片加载，同时还用了<code>range</code>的方式。</p><h3 id="_2-爱奇艺-爱奇艺、土豆、优酷" tabindex="-1">2. 爱奇艺：（爱奇艺、土豆、优酷） <a class="header-anchor" href="#_2-爱奇艺-爱奇艺、土豆、优酷" aria-label="Permalink to &quot;2. 爱奇艺：（爱奇艺、土豆、优酷）&quot;">​</a></h3><p>爱奇艺这里就不贴视频链接了，因为随便点一个视频，都要先看广告。</p><p><img src="'+k+'" alt="image.png"></p><p>爱奇艺的视频主要请求的是<code>f4v</code>格式，也是分片加载。</p><p>播放一个视频时，请求多个<code>f4v</code>文件。</p><p>也采用<code>Range</code>。但和 B 站不一样的是，B 站的<code>Range</code>属性是在<code>m4s</code>请求的请求头里面，而爱奇艺的看起来是在<code>querystring</code>上，在请求<code>query</code>上带着<code>range</code>参数。</p><p>因为没发现这个请求的<code>header</code>里面有<code>range</code>参数。比如：</p><p><code>https://v-6fce1712.71edge.com/videos/other/20231113/6b/bb/3f3fe83b89124248c3216156dfe2f4c3.f4v?dis_k=2ba39ee8c55c4d23781e3fb9f91fa7a46&amp;dis_t=1701439831&amp;dis_dz=CNC-BeiJing&amp;dis_st=46&amp;src=iqiyi.com&amp;dis_hit=0&amp;dis_tag=01010000&amp;uuid=72713f52-6569e957-351&amp;cross-domain=1&amp;ssl=1&amp;pv=0.1&amp;cphc=arta&amp;range=0-9000</code></p><h3 id="_3-抖音" tabindex="-1">3.抖音： <a class="header-anchor" href="#_3-抖音" aria-label="Permalink to &quot;3.抖音：&quot;">​</a></h3><p>抖音的方案简单粗暴，访问的链接是这个： <a href="https://m.ixigua.com/douyin/share/video/7206914252840370721?aweme_type=107&amp;schema_type=1&amp;utm_source=copy&amp;utm_campaign=client_share&amp;utm_medium=android&amp;app=aweme" target="_blank" rel="noreferrer">https://m.ixigua.com/douyin/share/video/7206914252840370721?aweme_type=107&amp;schema_type=1&amp;utm_source=copy&amp;utm_campaign=client_share&amp;utm_medium=android&amp;app=aweme</a></p><p>通过查看控制台，我们可以发现，直接请求了一个视频的地址</p><p><img src="'+e+'" alt="image.png"></p><p>没有进行分片，但用到了请求<code>range</code>，所以可以看到视频，是边播放边缓冲一部分。</p><p>不过我在开发的时候发现，目前租用的服务云厂商，默认会帮我们实现这项技术。</p><p>因为我把<code>mp4</code>视频上传到云服务器，通过链接进行播放的时候，就是边缓冲边播放的。</p><p>我们可以直接把这个视频地址拿出来，放到浏览器里面能直接播放，这样观察更明显。</p><p><img src="'+d+'" alt="image.png"></p><p>但 B 站和爱奇艺却不能这样，因为他们采用的<code>m4s</code>和<code>f4v</code>都不是一种通用的视频格式，需要使用专门的软件或工具才能打开和编辑。</p><h3 id="_4-小红书" tabindex="-1">4.小红书： <a class="header-anchor" href="#_4-小红书" aria-label="Permalink to &quot;4.小红书：&quot;">​</a></h3><p>测试用的例子链接：<a href="https://www.xiaohongshu.com/discovery/item/63b286d1000000001f00b495" target="_blank" rel="noreferrer">https://www.xiaohongshu.com/discovery/item/63b286d1000000001f00b495</a></p><p>小红书的方案更加简单粗暴，打开控制台，直接告诉你就是请求一个<code>mp4</code>，然后直接播放就完事了。</p><p><img src="'+E+'" alt="image.png"></p><h3 id="_5-总结" tabindex="-1">5.总结 <a class="header-anchor" href="#_5-总结" aria-label="Permalink to &quot;5.总结&quot;">​</a></h3><p>看完了以上的各家大厂的方案，我们可以看到，基本原理都是边播放边加载，减少直接加载大视频文本的成本。并且通过分片传输，还能动态控制视频码率（清晰度）。做到根据网速，加载不同码率的分片文件，做到动态码率适应。</p><p>同时采用的视频格式，比如<code>f4v</code>，<code>m4s</code>，都不是能直接播放的媒体格式，需要一定的处理。增加盗取视频的成本，增加一定的安全性。</p><p>如果没有强要求，也可以直接采用<code>mp4</code>，或者直接用<code>video</code>播放一个视频文件地址。</p><h2 id="二-常见的视频格式与协议" tabindex="-1">二：常见的视频格式与协议 <a class="header-anchor" href="#二-常见的视频格式与协议" aria-label="Permalink to &quot;二：常见的视频格式与协议&quot;">​</a></h2><p>我们知道视频的常见格式有<code>mp4</code>，同时上面介绍了 B 站播放用的<code>m4s</code>格式，爱奇艺用的<code>f4v</code>格式</p><ul><li>除了这些还有哪些视频格式？</li><li>为什么有这么多视频格式，有哪些不同点呢？</li><li>为什么这些公司会采用这种格式来播放视频呢？</li></ul><h3 id="_1-b-站用的m4s" tabindex="-1">1. B 站用的<code>m4s</code> <a class="header-anchor" href="#_1-b-站用的m4s" aria-label="Permalink to &quot;1. B 站用的`m4s`&quot;">​</a></h3><p><code>M4S</code>格式不是一种通用的视频格式，需要使用专门的软件或工具才能打开和编辑。</p><p><code>M4S</code> 通常会和 <code>MPEG-DASH</code> 流媒体技术一起，通过流式传输的视频的一小部分。播放器会按接收顺序播放这些片段。第一个 <code>M4S</code> 段会包含一些初始化的数据标识。</p><p><code>MPEG-DASH</code> 是一种自适应比特率流媒体技术，通过将内容分解为一系列不同码率的<code>M4S</code>片段，然后根据当前网络带宽进行自动调整。如果想在在<code>web</code>音视频中采用<code>DASH</code>技术，可以看下 <a href="https://github.com/Dash-Industry-Forum/dash.js" target="_blank" rel="noreferrer">https://github.com/Dash-Industry-Forum/dash.js</a></p><h3 id="_2-爱奇艺的f4v" tabindex="-1">2. 爱奇艺的<code>f4v</code> <a class="header-anchor" href="#_2-爱奇艺的f4v" aria-label="Permalink to &quot;2. 爱奇艺的`f4v`&quot;">​</a></h3><p><code>F4V</code>是一种流媒体格式，它是由<code>Adobe</code>公司推出的，继<code>FLV</code>格式之后支持<code>H.264</code>编码的流媒体格式。<code>F4V</code>格式的视频不是一种通用的视频格式，<strong>但通常情况下</strong>，都可以将文件后缀改为<code>FLV</code>，这样就可以使用支持<code>FLV</code>的播放器进行观看。</p><p><code>FLV</code>格式跟常见的<code>MP4</code>格式比起来，结构更加简单，所以加载<code>metadata</code>(视频元数据，比如视频时长等信息) 会更快。具体结构我们可以在这里查到：<a href="https://en.wikipedia.org/wiki/Flash_Video#Flash_Video_Structure" target="_blank" rel="noreferrer">https://en.wikipedia.org/wiki/Flash_Video#Flash_Video_Structure</a></p><p>比如，这是<code>FLV</code>文件的标准头，定义了从几个比特到几个比特之间，是什么含义。我们知道后，可以用<code>MediaSource</code>进行读取和转码。</p><table tabindex="0"><thead><tr><th>Field</th><th>Data Type</th><th>Default</th><th>Details</th></tr></thead><tbody><tr><td>Signature 签名</td><td>byte[3]</td><td>&quot;FLV&quot;</td><td>始终就是“FLV”</td></tr><tr><td>Version 版本</td><td>uint8</td><td>1</td><td>只有 0x01 才有效</td></tr><tr><td>Flags 标志</td><td>uint8 位掩码</td><td>0x05</td><td>0x04 是音频，0x01 是视频（所以 0x05 是音频 + 视频）</td></tr><tr><td>Header Size</td><td>uint32_be</td><td>9</td><td>用于跳过较新的扩展标头</td></tr></tbody></table><p>而<code>MP4</code>格式会稍微复杂一些，具体标准在 <a href="https://www.iso.org/standard/83102.html" target="_blank" rel="noreferrer">ISO/IEC 14496-12</a> 大概有两百多页，这里放不下，对这方面有兴趣的可以自行查看。</p><p>然而这并不表示<code>MP4</code>更差，因为它是一种基础通用标准，所以定义上会留有很多空间，和各种情况，甚至允许在标准之内进行自行发挥和扩展。而<code>FLV</code>格式则更加固定，但优点也是更加简单。</p><p>对于<code>FLV</code>的视频播放，我们可以采用：<a href="https://github.com/bilibili/flv.js" target="_blank" rel="noreferrer">https://github.com/bilibili/flv.js</a> <code>flvjs</code>主要作用就是用<code>MediaSource</code>将<code>flv</code>转码成<code>mp4</code>从而喂给浏览器进行播放。</p><p>接下来是一些其他的视频格式，简单介绍一下：</p><h3 id="_3-avi" tabindex="-1">3.<code>AVI</code> <a class="header-anchor" href="#_3-avi" aria-label="Permalink to &quot;3.`AVI`&quot;">​</a></h3><p>文件名以<code>.avi</code>结尾，<code>AVI</code> 最初由 <code>Microsoft</code> 于 <code>1992</code> 年开发，是 <code>Windows</code> 的标准视频格式。<code>AVI</code> 文件使用较少的压缩来存储文件，并且比许多其他视频格式占用更多空间，这导致文件大小非常大，每分钟视频大约 <code>2-3 GB</code>。</p><p>无损文件不会随着时间的推移而降低质量，无论您打开或保存文件多少次。此外，这允许在不使用任何编解码器的情况下播放。参考资料：<a href="https://en.wikipedia.org/wiki/Audio_Video_Interleave" target="_blank" rel="noreferrer">Audio Video Interleave</a></p><h3 id="_4-mpeg" tabindex="-1">4.<code>MPEG</code> <a class="header-anchor" href="#_4-mpeg" aria-label="Permalink to &quot;4.`MPEG`&quot;">​</a></h3><p>文件名以“.mpg”或“.mpeg”结尾，MPEG 是由 ISO 和 IEC 联合成立的工作组联盟，旨在制定媒体编码标准，包括音频、视频、图形和基因组数据的压缩编码;以及各种应用程序的传输和文件格式。MPEG 格式用于各种多媒体系统。最广为人知的旧 MPEG 媒体格式通常使用 MPEG-1、MPEG-2 和 MPEG-4 AVC 媒体编码，MPEG-2 系统传输流和节目流。较新的系统通常使用 MPEG 基本媒体文件格式和动态流式处理（又名 .MPEG-DASH）。参考资料：<a href="https://en.wikipedia.org/wiki/Moving_Picture_Experts_Group" target="_blank" rel="noreferrer">Moving Picture Experts Group</a></p><h3 id="_5-mp4" tabindex="-1">5.<code>MP4</code> <a class="header-anchor" href="#_5-mp4" aria-label="Permalink to &quot;5.`MP4`&quot;">​</a></h3><p>带有音频和视频的 MPEG-4 文件通常使用标准的 .mp4 扩展名。纯音频 MPEG-4 文件通常具有 .m4a 扩展名，原始 MPEG-4 可视比特流命名为 .m4v。Apple iPhone 使用 MPEG-4 音频作为其铃声，但使用.m4r 扩展名而不是.m4a 扩展名。参考资料：<a href="https://en.wikipedia.org/wiki/MP4_file_format" target="_blank" rel="noreferrer">MPEG-4 Part 14</a></p><h3 id="_6-quicktime" tabindex="-1">6.<code>QuickTime</code> <a class="header-anchor" href="#_6-quicktime" aria-label="Permalink to &quot;6.`QuickTime`&quot;">​</a></h3><p>文件名以“.mov”结尾，QuickTime 能够包含媒体数据的抽象数据引用，并将媒体数据与媒体偏移和轨道编辑列表分离，这意味着 QuickTime 特别适合编辑，因为它能够就地导入和编辑（无需数据复制）。由于 QuickTime 和 MP4 容器格式都可以使用相同的 MPEG-4 格式，因此在仅限 QuickTime 的环境中，它们大多可以互换。MP4 作为国际标准，得到了更多的支持。参考资料：<a href="https://en.wikipedia.org/wiki/QuickTime_File_Format" target="_blank" rel="noreferrer">QuickTime File Format</a></p><h3 id="_7-ts" tabindex="-1">7.<code>TS</code> <a class="header-anchor" href="#_7-ts" aria-label="Permalink to &quot;7.`TS`&quot;">​</a></h3><p>TS 是 MPEG2-TS 的简称，是一种音视频封装格式。TS 流的后缀通常是.ts、.mpg 或者.mpeg，多数播放器直接支持这种格式的播放。TS 格式主要用于直播的码流结构，具有很好的容错能力。</p><h2 id="三-浏览器对各种视频格式的兼容性" tabindex="-1">三：浏览器对各种视频格式的兼容性 <a class="header-anchor" href="#三-浏览器对各种视频格式的兼容性" aria-label="Permalink to &quot;三：浏览器对各种视频格式的兼容性&quot;">​</a></h2><p>上面了解常用的视频格式，和适用范围之后，还需要看一下当前浏览器，对各种视频格式的支持程度，然后制定技术方案。</p><h3 id="_1-chrome" tabindex="-1">1. Chrome <a class="header-anchor" href="#_1-chrome" aria-label="Permalink to &quot;1. Chrome&quot;">​</a></h3><p>支持的视频格式从官方文档可以查到，主要有以下这些</p><ul><li>MP4 (QuickTime/ MOV / ISO-BMFF / CMAF)</li><li>Ogg</li><li>WebM</li><li>WAV</li><li>HLS [Only on Android and only single-origin manifests]</li></ul><p>官方文档如下：<a href="https://www.chromium.org/audio-video/" target="_blank" rel="noreferrer">https://www.chromium.org/audio-video/</a></p><h3 id="_2-safari" tabindex="-1">2. Safari <a class="header-anchor" href="#_2-safari" aria-label="Permalink to &quot;2. Safari&quot;">​</a></h3><p>支持的视频格式有这些：</p><p><img src="'+r+'" alt="image.png"></p><p>官方文档：<a href="https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html" target="_blank" rel="noreferrer">https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html</a></p><h3 id="_3-firefox" tabindex="-1">3.Firefox <a class="header-anchor" href="#_3-firefox" aria-label="Permalink to &quot;3.Firefox&quot;">​</a></h3><p>支持的视频格式：</p><p><img src="'+g+`" alt="image.png"></p><p>官方文档：<a href="https://support.mozilla.org/en-US/kb/html5-audio-and-video-firefox" target="_blank" rel="noreferrer">https://support.mozilla.org/en-US/kb/html5-audio-and-video-firefox</a></p><h2 id="四-mediasource-和视频编码-解码-封装介绍" tabindex="-1">四：MediaSource 和视频编码，解码，封装介绍 <a class="header-anchor" href="#四-mediasource-和视频编码-解码-封装介绍" aria-label="Permalink to &quot;四：MediaSource 和视频编码，解码，封装介绍&quot;">​</a></h2><p>上面介绍了一些视频格式，和目前浏览器的一些兼容性问题。就能发现，在<code>web</code>上播放音视频其实限制还是很大的。如何解决这些限制，就会用到<code>MediaSource</code>。</p><p>视频其实是无数个图片的叠加，如果视频是一秒<code>60</code>帧，大约一秒中需要播放<code>60</code>张图片。这就导致一个几分钟的视频，就会非常大。比如上面介绍的无损格式，<code>avi</code>格式，每分钟视频大约 <code>2-3 GB</code>。这时候视频就需要进行<code>编码</code>。其实就是压缩。</p><p>编码分为视频编码和音频编码，常见的视频编码有：</p><ul><li><strong>MPEG 系列</strong>：<code>MPEG-1</code>第二部分、<code>MPEG-2</code>第二部分（等同于<code>H.262</code>）、<code>MPEG-4</code>第二部分、<code>MPEG-4</code>第十部分（等同于<code>H.264</code>，有时候也被叫做“<code>MPEG-4</code> <code>AVC</code>”或“<code>H.264/AVC</code>”）。</li><li><strong>H.26x 系列</strong>：<code>H.261</code>、<code>H.262</code>、<code>H.263</code>、<code>H.264</code>（等同于<code>MPEG-4</code>第十部分）、<code>H.265/HEVC</code>（<code>ITU-T</code>和<code>ISO/IEC</code>联合推出）。</li><li><strong>其它视频编码</strong>：<code>WMV</code>系列、<code>RV</code>系列、<code>VC-1</code>、<code>DivX</code>、<code>XviD</code>、<code>X264</code>、<code>X265</code>、<code>VP8</code>、<code>VP9</code>、<code>Sorenson Video</code>、<code>AVS</code>。</li></ul><p>常见的音频编码有：<code>AAC</code>，<code>MP3</code>，<code>AC-3</code>等</p><p>编码之后，还需要将音频和视频合并在一个文件里，这就是<code>封装</code>。</p><p>所以相对的，播放一个视频，就需要解封装，解码，音视频同步喂给声卡和显卡进行播放。</p><p><code>MediaSource</code>做的就是这个工作，读取视频流，转换成浏览器能播放的格式。</p><p>以下是<code>flv.js</code>的<code>parseChunks</code>部分内容。读取<code>buffer</code>，一个字节一个字节的根据标准进行解析。然后转码。</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (byteStart </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">===</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // buffer with FLV header</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (chunk.byteLength </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 13</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> probeData </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> FLVDemuxer.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">probe</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(chunk);</span></span>
diff --git a/assets/cn_src_article_video.md.Cz2oSvp1.lean.js b/assets/cn_src_article_video.md.D_lFXyPJ.lean.js
similarity index 99%
rename from assets/cn_src_article_video.md.Cz2oSvp1.lean.js
rename to assets/cn_src_article_video.md.D_lFXyPJ.lean.js
index 277a6b1165..0a8422173b 100644
--- a/assets/cn_src_article_video.md.Cz2oSvp1.lean.js
+++ b/assets/cn_src_article_video.md.D_lFXyPJ.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const t="/ran/assets/bilibili_video_code.DgWtgAEf.webp",p="/ran/assets/bili_demo_url.BQDGtHUp.webp",l="/ran/assets/bilibili_video_m4s.BccuY7bk.webp",k="/ran/assets/aqiyi_demo.s0swGzvF.webp",e="/ran/assets/tiktok_video.DuwKyIdt.webp",d="/ran/assets/tiktik_video_demo.mxxBzLay.webp",E="/ran/assets/red_book.DiBEvryP.webp",r="/ran/assets/safari_support_media.Bafr23bR.webp",g="/ran/assets/firefox_support_media.BLmSeBNy.webp",o="/ran/assets/ms_support.CaZSSiRt.webp",c="/ran/assets/ts_demo.D_l_mv9k.webp",y="/ran/assets/video_format.CRMCTmKB.webp",F="/ran/assets/xgplayer_docs.CpHb1Wan.webp",C="/ran/assets/bili_demo.CI8Ur8IA.webp",u="/ran/assets/rplayer_demo.CoJ7kuJt.webp",x=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/video.md","filePath":"cn/src/article/video.md","lastUpdated":1728129125000}'),B={name:"cn/src/article/video.md"};function m(A,s,b,v,D,f){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1>实现自适应码率 Web 视频加密播放：前后端的挑战与解决方案</h1><p>最近又遇到了<code>web</code>视频化的场景，之前也有过调研：<a href="https://juejin.cn/post/7238739662822735933" target="_blank" rel="noreferrer">H5 视频化调研浅析</a></p><p>但这次稍微复杂一些，这次解决的是：</p><ol><li>视频播放的技术方案调研</li></ol><p>服务端实现：</p><ol><li>视频转码</li><li>生成不同码率的视频</li><li>进行视频标准加密</li><li>不同码率视频合并，用于动态码率播放</li></ol><p><code>web</code>端实现</p><ol><li><code>web</code>端播放器的设计</li><li><code>web</code>端播放器的自定义扩展</li><li>可拖拽进度条</li><li>音量控制</li><li>根据当前带宽自适应码率切换</li><li>手动清晰度切换</li><li>倍速播放</li><li>样式自定义覆盖</li><li>标准加密视频播放</li><li>基于原生开发，可在所有框架运行，统一跨框架情况</li><li>各浏览器控件统一</li></ol><p>其中<code>web</code>端源码已添加<code>MIT</code>协议并完全开源，如果看完对大家有帮助的话，欢迎大家<code>star</code>,<code>issue</code>,<code>pr</code>，也希望能友好交流～</p><p>demo 地址：<a href="https://chaxus.github.io/ran/src/ranui/player/" target="_blank" rel="noreferrer">https://chaxus.github.io/ran/src/ranui/player/</a></p><p>源码地址：<a href="https://github.com/chaxus/ran" target="_blank" rel="noreferrer">https://github.com/chaxus/ran</a></p><p><code>demo</code>文档做了国际化，可切换到中文</p><p>任何一个项目，立项肯定先是技术调研，我们先看看一些大公司的视频播放方案</p><h2 id="一-一些知名公司的-web-视频播放方案" tabindex="-1">一：一些知名公司的 web 视频播放方案 <a class="header-anchor" href="#一-一些知名公司的-web-视频播放方案" aria-label="Permalink to &quot;一：一些知名公司的 web 视频播放方案&quot;">​</a></h2><h3 id="_1-b-站" tabindex="-1">1.B 站 <a class="header-anchor" href="#_1-b-站" aria-label="Permalink to &quot;1.B 站&quot;">​</a></h3><p>我们先看看 B 站的，毕竟 B 站的主营业务就是视频弹幕网站，简直专业对口。</p><p>先找一个例子：<a href="https://www.bilibili.com/video/BV1FM411N7LJ" target="_blank" rel="noreferrer">https://www.bilibili.com/video/BV1FM411N7LJ</a> 访问它。</p><p><img src="'+t+'" alt="image.png"></p><p>打开控制台，可以看到，视频在播放的时候，会不断的请求<code>m4s</code>的视频文件。</p><p>毕竟一整个视频文件往往比较大，不可能先请求完视频文件，再进行播放。因此将一个大的视频文件分割成很多小的片段，边加载边播放，是一种更好的方式。</p><p><img src="'+p+'" alt="image.png"></p><p>每次请求的<code>m4s</code>文件大概在几十<code>kb</code>到几百<code>kb</code>不等。</p><p><img src="'+l+'" alt="image.png"></p><p>那为什么不采用<code>http</code>的<code>range</code>呢，可以请求一个文件的部分内容，而且粒度更细，可以设置字节范围。在<code>http</code>请求的<code>header</code>中，类似这样</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Range</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: bytes </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 3171375</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> -</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 3203867</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>我们可以检查这个链接请求<code>https://upos-sz-mirror08c.bilivideo.com/upgcxcode/67/92/1008149267/1008149267-1-30064.m4s</code>的请求头，就能发现，B 站采用的是，即分片加载，同时还用了<code>range</code>的方式。</p><h3 id="_2-爱奇艺-爱奇艺、土豆、优酷" tabindex="-1">2. 爱奇艺：（爱奇艺、土豆、优酷） <a class="header-anchor" href="#_2-爱奇艺-爱奇艺、土豆、优酷" aria-label="Permalink to &quot;2. 爱奇艺：（爱奇艺、土豆、优酷）&quot;">​</a></h3><p>爱奇艺这里就不贴视频链接了，因为随便点一个视频，都要先看广告。</p><p><img src="'+k+'" alt="image.png"></p><p>爱奇艺的视频主要请求的是<code>f4v</code>格式，也是分片加载。</p><p>播放一个视频时，请求多个<code>f4v</code>文件。</p><p>也采用<code>Range</code>。但和 B 站不一样的是，B 站的<code>Range</code>属性是在<code>m4s</code>请求的请求头里面，而爱奇艺的看起来是在<code>querystring</code>上，在请求<code>query</code>上带着<code>range</code>参数。</p><p>因为没发现这个请求的<code>header</code>里面有<code>range</code>参数。比如：</p><p><code>https://v-6fce1712.71edge.com/videos/other/20231113/6b/bb/3f3fe83b89124248c3216156dfe2f4c3.f4v?dis_k=2ba39ee8c55c4d23781e3fb9f91fa7a46&amp;dis_t=1701439831&amp;dis_dz=CNC-BeiJing&amp;dis_st=46&amp;src=iqiyi.com&amp;dis_hit=0&amp;dis_tag=01010000&amp;uuid=72713f52-6569e957-351&amp;cross-domain=1&amp;ssl=1&amp;pv=0.1&amp;cphc=arta&amp;range=0-9000</code></p><h3 id="_3-抖音" tabindex="-1">3.抖音： <a class="header-anchor" href="#_3-抖音" aria-label="Permalink to &quot;3.抖音：&quot;">​</a></h3><p>抖音的方案简单粗暴，访问的链接是这个： <a href="https://m.ixigua.com/douyin/share/video/7206914252840370721?aweme_type=107&amp;schema_type=1&amp;utm_source=copy&amp;utm_campaign=client_share&amp;utm_medium=android&amp;app=aweme" target="_blank" rel="noreferrer">https://m.ixigua.com/douyin/share/video/7206914252840370721?aweme_type=107&amp;schema_type=1&amp;utm_source=copy&amp;utm_campaign=client_share&amp;utm_medium=android&amp;app=aweme</a></p><p>通过查看控制台，我们可以发现，直接请求了一个视频的地址</p><p><img src="'+e+'" alt="image.png"></p><p>没有进行分片，但用到了请求<code>range</code>，所以可以看到视频，是边播放边缓冲一部分。</p><p>不过我在开发的时候发现，目前租用的服务云厂商，默认会帮我们实现这项技术。</p><p>因为我把<code>mp4</code>视频上传到云服务器，通过链接进行播放的时候，就是边缓冲边播放的。</p><p>我们可以直接把这个视频地址拿出来，放到浏览器里面能直接播放，这样观察更明显。</p><p><img src="'+d+'" alt="image.png"></p><p>但 B 站和爱奇艺却不能这样，因为他们采用的<code>m4s</code>和<code>f4v</code>都不是一种通用的视频格式，需要使用专门的软件或工具才能打开和编辑。</p><h3 id="_4-小红书" tabindex="-1">4.小红书： <a class="header-anchor" href="#_4-小红书" aria-label="Permalink to &quot;4.小红书：&quot;">​</a></h3><p>测试用的例子链接：<a href="https://www.xiaohongshu.com/discovery/item/63b286d1000000001f00b495" target="_blank" rel="noreferrer">https://www.xiaohongshu.com/discovery/item/63b286d1000000001f00b495</a></p><p>小红书的方案更加简单粗暴，打开控制台，直接告诉你就是请求一个<code>mp4</code>，然后直接播放就完事了。</p><p><img src="'+E+'" alt="image.png"></p><h3 id="_5-总结" tabindex="-1">5.总结 <a class="header-anchor" href="#_5-总结" aria-label="Permalink to &quot;5.总结&quot;">​</a></h3><p>看完了以上的各家大厂的方案，我们可以看到，基本原理都是边播放边加载，减少直接加载大视频文本的成本。并且通过分片传输，还能动态控制视频码率（清晰度）。做到根据网速，加载不同码率的分片文件，做到动态码率适应。</p><p>同时采用的视频格式，比如<code>f4v</code>，<code>m4s</code>，都不是能直接播放的媒体格式，需要一定的处理。增加盗取视频的成本，增加一定的安全性。</p><p>如果没有强要求，也可以直接采用<code>mp4</code>，或者直接用<code>video</code>播放一个视频文件地址。</p><h2 id="二-常见的视频格式与协议" tabindex="-1">二：常见的视频格式与协议 <a class="header-anchor" href="#二-常见的视频格式与协议" aria-label="Permalink to &quot;二：常见的视频格式与协议&quot;">​</a></h2><p>我们知道视频的常见格式有<code>mp4</code>，同时上面介绍了 B 站播放用的<code>m4s</code>格式，爱奇艺用的<code>f4v</code>格式</p><ul><li>除了这些还有哪些视频格式？</li><li>为什么有这么多视频格式，有哪些不同点呢？</li><li>为什么这些公司会采用这种格式来播放视频呢？</li></ul><h3 id="_1-b-站用的m4s" tabindex="-1">1. B 站用的<code>m4s</code> <a class="header-anchor" href="#_1-b-站用的m4s" aria-label="Permalink to &quot;1. B 站用的`m4s`&quot;">​</a></h3><p><code>M4S</code>格式不是一种通用的视频格式，需要使用专门的软件或工具才能打开和编辑。</p><p><code>M4S</code> 通常会和 <code>MPEG-DASH</code> 流媒体技术一起，通过流式传输的视频的一小部分。播放器会按接收顺序播放这些片段。第一个 <code>M4S</code> 段会包含一些初始化的数据标识。</p><p><code>MPEG-DASH</code> 是一种自适应比特率流媒体技术，通过将内容分解为一系列不同码率的<code>M4S</code>片段，然后根据当前网络带宽进行自动调整。如果想在在<code>web</code>音视频中采用<code>DASH</code>技术，可以看下 <a href="https://github.com/Dash-Industry-Forum/dash.js" target="_blank" rel="noreferrer">https://github.com/Dash-Industry-Forum/dash.js</a></p><h3 id="_2-爱奇艺的f4v" tabindex="-1">2. 爱奇艺的<code>f4v</code> <a class="header-anchor" href="#_2-爱奇艺的f4v" aria-label="Permalink to &quot;2. 爱奇艺的`f4v`&quot;">​</a></h3><p><code>F4V</code>是一种流媒体格式，它是由<code>Adobe</code>公司推出的，继<code>FLV</code>格式之后支持<code>H.264</code>编码的流媒体格式。<code>F4V</code>格式的视频不是一种通用的视频格式，<strong>但通常情况下</strong>，都可以将文件后缀改为<code>FLV</code>，这样就可以使用支持<code>FLV</code>的播放器进行观看。</p><p><code>FLV</code>格式跟常见的<code>MP4</code>格式比起来，结构更加简单，所以加载<code>metadata</code>(视频元数据，比如视频时长等信息) 会更快。具体结构我们可以在这里查到：<a href="https://en.wikipedia.org/wiki/Flash_Video#Flash_Video_Structure" target="_blank" rel="noreferrer">https://en.wikipedia.org/wiki/Flash_Video#Flash_Video_Structure</a></p><p>比如，这是<code>FLV</code>文件的标准头，定义了从几个比特到几个比特之间，是什么含义。我们知道后，可以用<code>MediaSource</code>进行读取和转码。</p><table tabindex="0"><thead><tr><th>Field</th><th>Data Type</th><th>Default</th><th>Details</th></tr></thead><tbody><tr><td>Signature 签名</td><td>byte[3]</td><td>&quot;FLV&quot;</td><td>始终就是“FLV”</td></tr><tr><td>Version 版本</td><td>uint8</td><td>1</td><td>只有 0x01 才有效</td></tr><tr><td>Flags 标志</td><td>uint8 位掩码</td><td>0x05</td><td>0x04 是音频，0x01 是视频（所以 0x05 是音频 + 视频）</td></tr><tr><td>Header Size</td><td>uint32_be</td><td>9</td><td>用于跳过较新的扩展标头</td></tr></tbody></table><p>而<code>MP4</code>格式会稍微复杂一些，具体标准在 <a href="https://www.iso.org/standard/83102.html" target="_blank" rel="noreferrer">ISO/IEC 14496-12</a> 大概有两百多页，这里放不下，对这方面有兴趣的可以自行查看。</p><p>然而这并不表示<code>MP4</code>更差，因为它是一种基础通用标准，所以定义上会留有很多空间，和各种情况，甚至允许在标准之内进行自行发挥和扩展。而<code>FLV</code>格式则更加固定，但优点也是更加简单。</p><p>对于<code>FLV</code>的视频播放，我们可以采用：<a href="https://github.com/bilibili/flv.js" target="_blank" rel="noreferrer">https://github.com/bilibili/flv.js</a> <code>flvjs</code>主要作用就是用<code>MediaSource</code>将<code>flv</code>转码成<code>mp4</code>从而喂给浏览器进行播放。</p><p>接下来是一些其他的视频格式，简单介绍一下：</p><h3 id="_3-avi" tabindex="-1">3.<code>AVI</code> <a class="header-anchor" href="#_3-avi" aria-label="Permalink to &quot;3.`AVI`&quot;">​</a></h3><p>文件名以<code>.avi</code>结尾，<code>AVI</code> 最初由 <code>Microsoft</code> 于 <code>1992</code> 年开发，是 <code>Windows</code> 的标准视频格式。<code>AVI</code> 文件使用较少的压缩来存储文件，并且比许多其他视频格式占用更多空间，这导致文件大小非常大，每分钟视频大约 <code>2-3 GB</code>。</p><p>无损文件不会随着时间的推移而降低质量，无论您打开或保存文件多少次。此外，这允许在不使用任何编解码器的情况下播放。参考资料：<a href="https://en.wikipedia.org/wiki/Audio_Video_Interleave" target="_blank" rel="noreferrer">Audio Video Interleave</a></p><h3 id="_4-mpeg" tabindex="-1">4.<code>MPEG</code> <a class="header-anchor" href="#_4-mpeg" aria-label="Permalink to &quot;4.`MPEG`&quot;">​</a></h3><p>文件名以“.mpg”或“.mpeg”结尾，MPEG 是由 ISO 和 IEC 联合成立的工作组联盟，旨在制定媒体编码标准，包括音频、视频、图形和基因组数据的压缩编码;以及各种应用程序的传输和文件格式。MPEG 格式用于各种多媒体系统。最广为人知的旧 MPEG 媒体格式通常使用 MPEG-1、MPEG-2 和 MPEG-4 AVC 媒体编码，MPEG-2 系统传输流和节目流。较新的系统通常使用 MPEG 基本媒体文件格式和动态流式处理（又名 .MPEG-DASH）。参考资料：<a href="https://en.wikipedia.org/wiki/Moving_Picture_Experts_Group" target="_blank" rel="noreferrer">Moving Picture Experts Group</a></p><h3 id="_5-mp4" tabindex="-1">5.<code>MP4</code> <a class="header-anchor" href="#_5-mp4" aria-label="Permalink to &quot;5.`MP4`&quot;">​</a></h3><p>带有音频和视频的 MPEG-4 文件通常使用标准的 .mp4 扩展名。纯音频 MPEG-4 文件通常具有 .m4a 扩展名，原始 MPEG-4 可视比特流命名为 .m4v。Apple iPhone 使用 MPEG-4 音频作为其铃声，但使用.m4r 扩展名而不是.m4a 扩展名。参考资料：<a href="https://en.wikipedia.org/wiki/MP4_file_format" target="_blank" rel="noreferrer">MPEG-4 Part 14</a></p><h3 id="_6-quicktime" tabindex="-1">6.<code>QuickTime</code> <a class="header-anchor" href="#_6-quicktime" aria-label="Permalink to &quot;6.`QuickTime`&quot;">​</a></h3><p>文件名以“.mov”结尾，QuickTime 能够包含媒体数据的抽象数据引用，并将媒体数据与媒体偏移和轨道编辑列表分离，这意味着 QuickTime 特别适合编辑，因为它能够就地导入和编辑（无需数据复制）。由于 QuickTime 和 MP4 容器格式都可以使用相同的 MPEG-4 格式，因此在仅限 QuickTime 的环境中，它们大多可以互换。MP4 作为国际标准，得到了更多的支持。参考资料：<a href="https://en.wikipedia.org/wiki/QuickTime_File_Format" target="_blank" rel="noreferrer">QuickTime File Format</a></p><h3 id="_7-ts" tabindex="-1">7.<code>TS</code> <a class="header-anchor" href="#_7-ts" aria-label="Permalink to &quot;7.`TS`&quot;">​</a></h3><p>TS 是 MPEG2-TS 的简称，是一种音视频封装格式。TS 流的后缀通常是.ts、.mpg 或者.mpeg，多数播放器直接支持这种格式的播放。TS 格式主要用于直播的码流结构，具有很好的容错能力。</p><h2 id="三-浏览器对各种视频格式的兼容性" tabindex="-1">三：浏览器对各种视频格式的兼容性 <a class="header-anchor" href="#三-浏览器对各种视频格式的兼容性" aria-label="Permalink to &quot;三：浏览器对各种视频格式的兼容性&quot;">​</a></h2><p>上面了解常用的视频格式，和适用范围之后，还需要看一下当前浏览器，对各种视频格式的支持程度，然后制定技术方案。</p><h3 id="_1-chrome" tabindex="-1">1. Chrome <a class="header-anchor" href="#_1-chrome" aria-label="Permalink to &quot;1. Chrome&quot;">​</a></h3><p>支持的视频格式从官方文档可以查到，主要有以下这些</p><ul><li>MP4 (QuickTime/ MOV / ISO-BMFF / CMAF)</li><li>Ogg</li><li>WebM</li><li>WAV</li><li>HLS [Only on Android and only single-origin manifests]</li></ul><p>官方文档如下：<a href="https://www.chromium.org/audio-video/" target="_blank" rel="noreferrer">https://www.chromium.org/audio-video/</a></p><h3 id="_2-safari" tabindex="-1">2. Safari <a class="header-anchor" href="#_2-safari" aria-label="Permalink to &quot;2. Safari&quot;">​</a></h3><p>支持的视频格式有这些：</p><p><img src="'+r+'" alt="image.png"></p><p>官方文档：<a href="https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html" target="_blank" rel="noreferrer">https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html</a></p><h3 id="_3-firefox" tabindex="-1">3.Firefox <a class="header-anchor" href="#_3-firefox" aria-label="Permalink to &quot;3.Firefox&quot;">​</a></h3><p>支持的视频格式：</p><p><img src="'+g+`" alt="image.png"></p><p>官方文档：<a href="https://support.mozilla.org/en-US/kb/html5-audio-and-video-firefox" target="_blank" rel="noreferrer">https://support.mozilla.org/en-US/kb/html5-audio-and-video-firefox</a></p><h2 id="四-mediasource-和视频编码-解码-封装介绍" tabindex="-1">四：MediaSource 和视频编码，解码，封装介绍 <a class="header-anchor" href="#四-mediasource-和视频编码-解码-封装介绍" aria-label="Permalink to &quot;四：MediaSource 和视频编码，解码，封装介绍&quot;">​</a></h2><p>上面介绍了一些视频格式，和目前浏览器的一些兼容性问题。就能发现，在<code>web</code>上播放音视频其实限制还是很大的。如何解决这些限制，就会用到<code>MediaSource</code>。</p><p>视频其实是无数个图片的叠加，如果视频是一秒<code>60</code>帧，大约一秒中需要播放<code>60</code>张图片。这就导致一个几分钟的视频，就会非常大。比如上面介绍的无损格式，<code>avi</code>格式，每分钟视频大约 <code>2-3 GB</code>。这时候视频就需要进行<code>编码</code>。其实就是压缩。</p><p>编码分为视频编码和音频编码，常见的视频编码有：</p><ul><li><strong>MPEG 系列</strong>：<code>MPEG-1</code>第二部分、<code>MPEG-2</code>第二部分（等同于<code>H.262</code>）、<code>MPEG-4</code>第二部分、<code>MPEG-4</code>第十部分（等同于<code>H.264</code>，有时候也被叫做“<code>MPEG-4</code> <code>AVC</code>”或“<code>H.264/AVC</code>”）。</li><li><strong>H.26x 系列</strong>：<code>H.261</code>、<code>H.262</code>、<code>H.263</code>、<code>H.264</code>（等同于<code>MPEG-4</code>第十部分）、<code>H.265/HEVC</code>（<code>ITU-T</code>和<code>ISO/IEC</code>联合推出）。</li><li><strong>其它视频编码</strong>：<code>WMV</code>系列、<code>RV</code>系列、<code>VC-1</code>、<code>DivX</code>、<code>XviD</code>、<code>X264</code>、<code>X265</code>、<code>VP8</code>、<code>VP9</code>、<code>Sorenson Video</code>、<code>AVS</code>。</li></ul><p>常见的音频编码有：<code>AAC</code>，<code>MP3</code>，<code>AC-3</code>等</p><p>编码之后，还需要将音频和视频合并在一个文件里，这就是<code>封装</code>。</p><p>所以相对的，播放一个视频，就需要解封装，解码，音视频同步喂给声卡和显卡进行播放。</p><p><code>MediaSource</code>做的就是这个工作，读取视频流，转换成浏览器能播放的格式。</p><p>以下是<code>flv.js</code>的<code>parseChunks</code>部分内容。读取<code>buffer</code>，一个字节一个字节的根据标准进行解析。然后转码。</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (byteStart </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">===</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
+import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const t="/ran/assets/bilibili_video_code.DgWtgAEf.webp",p="/ran/assets/bili_demo_url.BQDGtHUp.webp",l="/ran/assets/bilibili_video_m4s.BccuY7bk.webp",k="/ran/assets/aqiyi_demo.s0swGzvF.webp",e="/ran/assets/tiktok_video.DuwKyIdt.webp",d="/ran/assets/tiktik_video_demo.mxxBzLay.webp",E="/ran/assets/red_book.DiBEvryP.webp",r="/ran/assets/safari_support_media.Bafr23bR.webp",g="/ran/assets/firefox_support_media.BLmSeBNy.webp",o="/ran/assets/ms_support.CaZSSiRt.webp",c="/ran/assets/ts_demo.D_l_mv9k.webp",y="/ran/assets/video_format.CRMCTmKB.webp",F="/ran/assets/xgplayer_docs.CpHb1Wan.webp",C="/ran/assets/bili_demo.CI8Ur8IA.webp",u="/ran/assets/rplayer_demo.CoJ7kuJt.webp",x=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/video.md","filePath":"cn/src/article/video.md","lastUpdated":1728129344000}'),B={name:"cn/src/article/video.md"};function m(A,s,b,v,D,f){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1>实现自适应码率 Web 视频加密播放：前后端的挑战与解决方案</h1><p>最近又遇到了<code>web</code>视频化的场景，之前也有过调研：<a href="https://juejin.cn/post/7238739662822735933" target="_blank" rel="noreferrer">H5 视频化调研浅析</a></p><p>但这次稍微复杂一些，这次解决的是：</p><ol><li>视频播放的技术方案调研</li></ol><p>服务端实现：</p><ol><li>视频转码</li><li>生成不同码率的视频</li><li>进行视频标准加密</li><li>不同码率视频合并，用于动态码率播放</li></ol><p><code>web</code>端实现</p><ol><li><code>web</code>端播放器的设计</li><li><code>web</code>端播放器的自定义扩展</li><li>可拖拽进度条</li><li>音量控制</li><li>根据当前带宽自适应码率切换</li><li>手动清晰度切换</li><li>倍速播放</li><li>样式自定义覆盖</li><li>标准加密视频播放</li><li>基于原生开发，可在所有框架运行，统一跨框架情况</li><li>各浏览器控件统一</li></ol><p>其中<code>web</code>端源码已添加<code>MIT</code>协议并完全开源，如果看完对大家有帮助的话，欢迎大家<code>star</code>,<code>issue</code>,<code>pr</code>，也希望能友好交流～</p><p>demo 地址：<a href="https://chaxus.github.io/ran/src/ranui/player/" target="_blank" rel="noreferrer">https://chaxus.github.io/ran/src/ranui/player/</a></p><p>源码地址：<a href="https://github.com/chaxus/ran" target="_blank" rel="noreferrer">https://github.com/chaxus/ran</a></p><p><code>demo</code>文档做了国际化，可切换到中文</p><p>任何一个项目，立项肯定先是技术调研，我们先看看一些大公司的视频播放方案</p><h2 id="一-一些知名公司的-web-视频播放方案" tabindex="-1">一：一些知名公司的 web 视频播放方案 <a class="header-anchor" href="#一-一些知名公司的-web-视频播放方案" aria-label="Permalink to &quot;一：一些知名公司的 web 视频播放方案&quot;">​</a></h2><h3 id="_1-b-站" tabindex="-1">1.B 站 <a class="header-anchor" href="#_1-b-站" aria-label="Permalink to &quot;1.B 站&quot;">​</a></h3><p>我们先看看 B 站的，毕竟 B 站的主营业务就是视频弹幕网站，简直专业对口。</p><p>先找一个例子：<a href="https://www.bilibili.com/video/BV1FM411N7LJ" target="_blank" rel="noreferrer">https://www.bilibili.com/video/BV1FM411N7LJ</a> 访问它。</p><p><img src="'+t+'" alt="image.png"></p><p>打开控制台，可以看到，视频在播放的时候，会不断的请求<code>m4s</code>的视频文件。</p><p>毕竟一整个视频文件往往比较大，不可能先请求完视频文件，再进行播放。因此将一个大的视频文件分割成很多小的片段，边加载边播放，是一种更好的方式。</p><p><img src="'+p+'" alt="image.png"></p><p>每次请求的<code>m4s</code>文件大概在几十<code>kb</code>到几百<code>kb</code>不等。</p><p><img src="'+l+'" alt="image.png"></p><p>那为什么不采用<code>http</code>的<code>range</code>呢，可以请求一个文件的部分内容，而且粒度更细，可以设置字节范围。在<code>http</code>请求的<code>header</code>中，类似这样</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Range</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: bytes </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 3171375</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> -</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 3203867</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>我们可以检查这个链接请求<code>https://upos-sz-mirror08c.bilivideo.com/upgcxcode/67/92/1008149267/1008149267-1-30064.m4s</code>的请求头，就能发现，B 站采用的是，即分片加载，同时还用了<code>range</code>的方式。</p><h3 id="_2-爱奇艺-爱奇艺、土豆、优酷" tabindex="-1">2. 爱奇艺：（爱奇艺、土豆、优酷） <a class="header-anchor" href="#_2-爱奇艺-爱奇艺、土豆、优酷" aria-label="Permalink to &quot;2. 爱奇艺：（爱奇艺、土豆、优酷）&quot;">​</a></h3><p>爱奇艺这里就不贴视频链接了，因为随便点一个视频，都要先看广告。</p><p><img src="'+k+'" alt="image.png"></p><p>爱奇艺的视频主要请求的是<code>f4v</code>格式，也是分片加载。</p><p>播放一个视频时，请求多个<code>f4v</code>文件。</p><p>也采用<code>Range</code>。但和 B 站不一样的是，B 站的<code>Range</code>属性是在<code>m4s</code>请求的请求头里面，而爱奇艺的看起来是在<code>querystring</code>上，在请求<code>query</code>上带着<code>range</code>参数。</p><p>因为没发现这个请求的<code>header</code>里面有<code>range</code>参数。比如：</p><p><code>https://v-6fce1712.71edge.com/videos/other/20231113/6b/bb/3f3fe83b89124248c3216156dfe2f4c3.f4v?dis_k=2ba39ee8c55c4d23781e3fb9f91fa7a46&amp;dis_t=1701439831&amp;dis_dz=CNC-BeiJing&amp;dis_st=46&amp;src=iqiyi.com&amp;dis_hit=0&amp;dis_tag=01010000&amp;uuid=72713f52-6569e957-351&amp;cross-domain=1&amp;ssl=1&amp;pv=0.1&amp;cphc=arta&amp;range=0-9000</code></p><h3 id="_3-抖音" tabindex="-1">3.抖音： <a class="header-anchor" href="#_3-抖音" aria-label="Permalink to &quot;3.抖音：&quot;">​</a></h3><p>抖音的方案简单粗暴，访问的链接是这个： <a href="https://m.ixigua.com/douyin/share/video/7206914252840370721?aweme_type=107&amp;schema_type=1&amp;utm_source=copy&amp;utm_campaign=client_share&amp;utm_medium=android&amp;app=aweme" target="_blank" rel="noreferrer">https://m.ixigua.com/douyin/share/video/7206914252840370721?aweme_type=107&amp;schema_type=1&amp;utm_source=copy&amp;utm_campaign=client_share&amp;utm_medium=android&amp;app=aweme</a></p><p>通过查看控制台，我们可以发现，直接请求了一个视频的地址</p><p><img src="'+e+'" alt="image.png"></p><p>没有进行分片，但用到了请求<code>range</code>，所以可以看到视频，是边播放边缓冲一部分。</p><p>不过我在开发的时候发现，目前租用的服务云厂商，默认会帮我们实现这项技术。</p><p>因为我把<code>mp4</code>视频上传到云服务器，通过链接进行播放的时候，就是边缓冲边播放的。</p><p>我们可以直接把这个视频地址拿出来，放到浏览器里面能直接播放，这样观察更明显。</p><p><img src="'+d+'" alt="image.png"></p><p>但 B 站和爱奇艺却不能这样，因为他们采用的<code>m4s</code>和<code>f4v</code>都不是一种通用的视频格式，需要使用专门的软件或工具才能打开和编辑。</p><h3 id="_4-小红书" tabindex="-1">4.小红书： <a class="header-anchor" href="#_4-小红书" aria-label="Permalink to &quot;4.小红书：&quot;">​</a></h3><p>测试用的例子链接：<a href="https://www.xiaohongshu.com/discovery/item/63b286d1000000001f00b495" target="_blank" rel="noreferrer">https://www.xiaohongshu.com/discovery/item/63b286d1000000001f00b495</a></p><p>小红书的方案更加简单粗暴，打开控制台，直接告诉你就是请求一个<code>mp4</code>，然后直接播放就完事了。</p><p><img src="'+E+'" alt="image.png"></p><h3 id="_5-总结" tabindex="-1">5.总结 <a class="header-anchor" href="#_5-总结" aria-label="Permalink to &quot;5.总结&quot;">​</a></h3><p>看完了以上的各家大厂的方案，我们可以看到，基本原理都是边播放边加载，减少直接加载大视频文本的成本。并且通过分片传输，还能动态控制视频码率（清晰度）。做到根据网速，加载不同码率的分片文件，做到动态码率适应。</p><p>同时采用的视频格式，比如<code>f4v</code>，<code>m4s</code>，都不是能直接播放的媒体格式，需要一定的处理。增加盗取视频的成本，增加一定的安全性。</p><p>如果没有强要求，也可以直接采用<code>mp4</code>，或者直接用<code>video</code>播放一个视频文件地址。</p><h2 id="二-常见的视频格式与协议" tabindex="-1">二：常见的视频格式与协议 <a class="header-anchor" href="#二-常见的视频格式与协议" aria-label="Permalink to &quot;二：常见的视频格式与协议&quot;">​</a></h2><p>我们知道视频的常见格式有<code>mp4</code>，同时上面介绍了 B 站播放用的<code>m4s</code>格式，爱奇艺用的<code>f4v</code>格式</p><ul><li>除了这些还有哪些视频格式？</li><li>为什么有这么多视频格式，有哪些不同点呢？</li><li>为什么这些公司会采用这种格式来播放视频呢？</li></ul><h3 id="_1-b-站用的m4s" tabindex="-1">1. B 站用的<code>m4s</code> <a class="header-anchor" href="#_1-b-站用的m4s" aria-label="Permalink to &quot;1. B 站用的`m4s`&quot;">​</a></h3><p><code>M4S</code>格式不是一种通用的视频格式，需要使用专门的软件或工具才能打开和编辑。</p><p><code>M4S</code> 通常会和 <code>MPEG-DASH</code> 流媒体技术一起，通过流式传输的视频的一小部分。播放器会按接收顺序播放这些片段。第一个 <code>M4S</code> 段会包含一些初始化的数据标识。</p><p><code>MPEG-DASH</code> 是一种自适应比特率流媒体技术，通过将内容分解为一系列不同码率的<code>M4S</code>片段，然后根据当前网络带宽进行自动调整。如果想在在<code>web</code>音视频中采用<code>DASH</code>技术，可以看下 <a href="https://github.com/Dash-Industry-Forum/dash.js" target="_blank" rel="noreferrer">https://github.com/Dash-Industry-Forum/dash.js</a></p><h3 id="_2-爱奇艺的f4v" tabindex="-1">2. 爱奇艺的<code>f4v</code> <a class="header-anchor" href="#_2-爱奇艺的f4v" aria-label="Permalink to &quot;2. 爱奇艺的`f4v`&quot;">​</a></h3><p><code>F4V</code>是一种流媒体格式，它是由<code>Adobe</code>公司推出的，继<code>FLV</code>格式之后支持<code>H.264</code>编码的流媒体格式。<code>F4V</code>格式的视频不是一种通用的视频格式，<strong>但通常情况下</strong>，都可以将文件后缀改为<code>FLV</code>，这样就可以使用支持<code>FLV</code>的播放器进行观看。</p><p><code>FLV</code>格式跟常见的<code>MP4</code>格式比起来，结构更加简单，所以加载<code>metadata</code>(视频元数据，比如视频时长等信息) 会更快。具体结构我们可以在这里查到：<a href="https://en.wikipedia.org/wiki/Flash_Video#Flash_Video_Structure" target="_blank" rel="noreferrer">https://en.wikipedia.org/wiki/Flash_Video#Flash_Video_Structure</a></p><p>比如，这是<code>FLV</code>文件的标准头，定义了从几个比特到几个比特之间，是什么含义。我们知道后，可以用<code>MediaSource</code>进行读取和转码。</p><table tabindex="0"><thead><tr><th>Field</th><th>Data Type</th><th>Default</th><th>Details</th></tr></thead><tbody><tr><td>Signature 签名</td><td>byte[3]</td><td>&quot;FLV&quot;</td><td>始终就是“FLV”</td></tr><tr><td>Version 版本</td><td>uint8</td><td>1</td><td>只有 0x01 才有效</td></tr><tr><td>Flags 标志</td><td>uint8 位掩码</td><td>0x05</td><td>0x04 是音频，0x01 是视频（所以 0x05 是音频 + 视频）</td></tr><tr><td>Header Size</td><td>uint32_be</td><td>9</td><td>用于跳过较新的扩展标头</td></tr></tbody></table><p>而<code>MP4</code>格式会稍微复杂一些，具体标准在 <a href="https://www.iso.org/standard/83102.html" target="_blank" rel="noreferrer">ISO/IEC 14496-12</a> 大概有两百多页，这里放不下，对这方面有兴趣的可以自行查看。</p><p>然而这并不表示<code>MP4</code>更差，因为它是一种基础通用标准，所以定义上会留有很多空间，和各种情况，甚至允许在标准之内进行自行发挥和扩展。而<code>FLV</code>格式则更加固定，但优点也是更加简单。</p><p>对于<code>FLV</code>的视频播放，我们可以采用：<a href="https://github.com/bilibili/flv.js" target="_blank" rel="noreferrer">https://github.com/bilibili/flv.js</a> <code>flvjs</code>主要作用就是用<code>MediaSource</code>将<code>flv</code>转码成<code>mp4</code>从而喂给浏览器进行播放。</p><p>接下来是一些其他的视频格式，简单介绍一下：</p><h3 id="_3-avi" tabindex="-1">3.<code>AVI</code> <a class="header-anchor" href="#_3-avi" aria-label="Permalink to &quot;3.`AVI`&quot;">​</a></h3><p>文件名以<code>.avi</code>结尾，<code>AVI</code> 最初由 <code>Microsoft</code> 于 <code>1992</code> 年开发，是 <code>Windows</code> 的标准视频格式。<code>AVI</code> 文件使用较少的压缩来存储文件，并且比许多其他视频格式占用更多空间，这导致文件大小非常大，每分钟视频大约 <code>2-3 GB</code>。</p><p>无损文件不会随着时间的推移而降低质量，无论您打开或保存文件多少次。此外，这允许在不使用任何编解码器的情况下播放。参考资料：<a href="https://en.wikipedia.org/wiki/Audio_Video_Interleave" target="_blank" rel="noreferrer">Audio Video Interleave</a></p><h3 id="_4-mpeg" tabindex="-1">4.<code>MPEG</code> <a class="header-anchor" href="#_4-mpeg" aria-label="Permalink to &quot;4.`MPEG`&quot;">​</a></h3><p>文件名以“.mpg”或“.mpeg”结尾，MPEG 是由 ISO 和 IEC 联合成立的工作组联盟，旨在制定媒体编码标准，包括音频、视频、图形和基因组数据的压缩编码;以及各种应用程序的传输和文件格式。MPEG 格式用于各种多媒体系统。最广为人知的旧 MPEG 媒体格式通常使用 MPEG-1、MPEG-2 和 MPEG-4 AVC 媒体编码，MPEG-2 系统传输流和节目流。较新的系统通常使用 MPEG 基本媒体文件格式和动态流式处理（又名 .MPEG-DASH）。参考资料：<a href="https://en.wikipedia.org/wiki/Moving_Picture_Experts_Group" target="_blank" rel="noreferrer">Moving Picture Experts Group</a></p><h3 id="_5-mp4" tabindex="-1">5.<code>MP4</code> <a class="header-anchor" href="#_5-mp4" aria-label="Permalink to &quot;5.`MP4`&quot;">​</a></h3><p>带有音频和视频的 MPEG-4 文件通常使用标准的 .mp4 扩展名。纯音频 MPEG-4 文件通常具有 .m4a 扩展名，原始 MPEG-4 可视比特流命名为 .m4v。Apple iPhone 使用 MPEG-4 音频作为其铃声，但使用.m4r 扩展名而不是.m4a 扩展名。参考资料：<a href="https://en.wikipedia.org/wiki/MP4_file_format" target="_blank" rel="noreferrer">MPEG-4 Part 14</a></p><h3 id="_6-quicktime" tabindex="-1">6.<code>QuickTime</code> <a class="header-anchor" href="#_6-quicktime" aria-label="Permalink to &quot;6.`QuickTime`&quot;">​</a></h3><p>文件名以“.mov”结尾，QuickTime 能够包含媒体数据的抽象数据引用，并将媒体数据与媒体偏移和轨道编辑列表分离，这意味着 QuickTime 特别适合编辑，因为它能够就地导入和编辑（无需数据复制）。由于 QuickTime 和 MP4 容器格式都可以使用相同的 MPEG-4 格式，因此在仅限 QuickTime 的环境中，它们大多可以互换。MP4 作为国际标准，得到了更多的支持。参考资料：<a href="https://en.wikipedia.org/wiki/QuickTime_File_Format" target="_blank" rel="noreferrer">QuickTime File Format</a></p><h3 id="_7-ts" tabindex="-1">7.<code>TS</code> <a class="header-anchor" href="#_7-ts" aria-label="Permalink to &quot;7.`TS`&quot;">​</a></h3><p>TS 是 MPEG2-TS 的简称，是一种音视频封装格式。TS 流的后缀通常是.ts、.mpg 或者.mpeg，多数播放器直接支持这种格式的播放。TS 格式主要用于直播的码流结构，具有很好的容错能力。</p><h2 id="三-浏览器对各种视频格式的兼容性" tabindex="-1">三：浏览器对各种视频格式的兼容性 <a class="header-anchor" href="#三-浏览器对各种视频格式的兼容性" aria-label="Permalink to &quot;三：浏览器对各种视频格式的兼容性&quot;">​</a></h2><p>上面了解常用的视频格式，和适用范围之后，还需要看一下当前浏览器，对各种视频格式的支持程度，然后制定技术方案。</p><h3 id="_1-chrome" tabindex="-1">1. Chrome <a class="header-anchor" href="#_1-chrome" aria-label="Permalink to &quot;1. Chrome&quot;">​</a></h3><p>支持的视频格式从官方文档可以查到，主要有以下这些</p><ul><li>MP4 (QuickTime/ MOV / ISO-BMFF / CMAF)</li><li>Ogg</li><li>WebM</li><li>WAV</li><li>HLS [Only on Android and only single-origin manifests]</li></ul><p>官方文档如下：<a href="https://www.chromium.org/audio-video/" target="_blank" rel="noreferrer">https://www.chromium.org/audio-video/</a></p><h3 id="_2-safari" tabindex="-1">2. Safari <a class="header-anchor" href="#_2-safari" aria-label="Permalink to &quot;2. Safari&quot;">​</a></h3><p>支持的视频格式有这些：</p><p><img src="'+r+'" alt="image.png"></p><p>官方文档：<a href="https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html" target="_blank" rel="noreferrer">https://developer.apple.com/library/archive/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html</a></p><h3 id="_3-firefox" tabindex="-1">3.Firefox <a class="header-anchor" href="#_3-firefox" aria-label="Permalink to &quot;3.Firefox&quot;">​</a></h3><p>支持的视频格式：</p><p><img src="'+g+`" alt="image.png"></p><p>官方文档：<a href="https://support.mozilla.org/en-US/kb/html5-audio-and-video-firefox" target="_blank" rel="noreferrer">https://support.mozilla.org/en-US/kb/html5-audio-and-video-firefox</a></p><h2 id="四-mediasource-和视频编码-解码-封装介绍" tabindex="-1">四：MediaSource 和视频编码，解码，封装介绍 <a class="header-anchor" href="#四-mediasource-和视频编码-解码-封装介绍" aria-label="Permalink to &quot;四：MediaSource 和视频编码，解码，封装介绍&quot;">​</a></h2><p>上面介绍了一些视频格式，和目前浏览器的一些兼容性问题。就能发现，在<code>web</code>上播放音视频其实限制还是很大的。如何解决这些限制，就会用到<code>MediaSource</code>。</p><p>视频其实是无数个图片的叠加，如果视频是一秒<code>60</code>帧，大约一秒中需要播放<code>60</code>张图片。这就导致一个几分钟的视频，就会非常大。比如上面介绍的无损格式，<code>avi</code>格式，每分钟视频大约 <code>2-3 GB</code>。这时候视频就需要进行<code>编码</code>。其实就是压缩。</p><p>编码分为视频编码和音频编码，常见的视频编码有：</p><ul><li><strong>MPEG 系列</strong>：<code>MPEG-1</code>第二部分、<code>MPEG-2</code>第二部分（等同于<code>H.262</code>）、<code>MPEG-4</code>第二部分、<code>MPEG-4</code>第十部分（等同于<code>H.264</code>，有时候也被叫做“<code>MPEG-4</code> <code>AVC</code>”或“<code>H.264/AVC</code>”）。</li><li><strong>H.26x 系列</strong>：<code>H.261</code>、<code>H.262</code>、<code>H.263</code>、<code>H.264</code>（等同于<code>MPEG-4</code>第十部分）、<code>H.265/HEVC</code>（<code>ITU-T</code>和<code>ISO/IEC</code>联合推出）。</li><li><strong>其它视频编码</strong>：<code>WMV</code>系列、<code>RV</code>系列、<code>VC-1</code>、<code>DivX</code>、<code>XviD</code>、<code>X264</code>、<code>X265</code>、<code>VP8</code>、<code>VP9</code>、<code>Sorenson Video</code>、<code>AVS</code>。</li></ul><p>常见的音频编码有：<code>AAC</code>，<code>MP3</code>，<code>AC-3</code>等</p><p>编码之后，还需要将音频和视频合并在一个文件里，这就是<code>封装</code>。</p><p>所以相对的，播放一个视频，就需要解封装，解码，音视频同步喂给声卡和显卡进行播放。</p><p><code>MediaSource</code>做的就是这个工作，读取视频流，转换成浏览器能播放的格式。</p><p>以下是<code>flv.js</code>的<code>parseChunks</code>部分内容。读取<code>buffer</code>，一个字节一个字节的根据标准进行解析。然后转码。</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (byteStart </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">===</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // buffer with FLV header</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (chunk.byteLength </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 13</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> probeData </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> FLVDemuxer.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">probe</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(chunk);</span></span>
diff --git a/assets/cn_src_article_visual.md.Be4MMnab.js b/assets/cn_src_article_visual.md.DseWRfx9.js
similarity index 99%
rename from assets/cn_src_article_visual.md.Be4MMnab.js
rename to assets/cn_src_article_visual.md.DseWRfx9.js
index 86959f0c63..81bd040d4b 100644
--- a/assets/cn_src_article_visual.md.Be4MMnab.js
+++ b/assets/cn_src_article_visual.md.DseWRfx9.js
@@ -1,4 +1,4 @@
-import{_ as h,o as n,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"实现曲线","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/visual.md","filePath":"cn/src/article/visual.md","lastUpdated":1728129125000}'),k={name:"cn/src/article/visual.md"};function p(t,a,e,E,r,d){return n(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<p>在业务需求的持续演进中，遇到了高度定制化图表的需求，为了寻求解决方案，我们首先寻找了一下目前的开源图表库。确实能解决大部分的场景。但在一些定制化设计就难以实现，但 UI 层的定制化又是十分常见的。</p><p>为了完美的复现设计愿景，我们打算自己去实现绘制，然后就发现 canvas，webGL，webGPU 的 API 实在太过于底层。开发起来几乎像是命令式编程。能实现需求，但代码就非常不好维护。</p><p>因此需要设计一个对于当前业务场景的绘制引擎。</p><h2 id="一-系统设计" tabindex="-1">一 系统设计 <a class="header-anchor" href="#一-系统设计" aria-label="Permalink to &quot;一 系统设计&quot;">​</a></h2><p>系统设计的过程中，我们需要明确使用场景，约束条件，边界情况。描述出最主要实现的功能，将这些功能进行高层级的设计，分类，链接。</p><p>有了具体要实现的功能模块后，我们就再根据功能模块，深入细节，讨论具体的实现。</p><p>功能实现后，通过可扩展的设计原则，将这些重要的功能进行链接。</p><p>最后是一些业务场景的具体实现。</p><p>一个通用的绘制设计引擎，主要需要考虑以下几个方面：</p><ol><li>**层级管理：**对于 2D 图形来说，必然需要层级关系的处理，定义元素之间的堆叠顺序，如确保文字总是绘制在图表的上方。层级管理将确保视觉呈现符合预期。</li><li>**组的管理：**将多个图形元素组织成一个整体（即“组”）。这样的设计使得对组进行整体移动、缩放或变形时，组内所有元素都能响应，简化了复杂场景下的操作和管理。</li><li>**变换矩阵：**对一个图形组执行平移、旋转、缩放等变形操作，从而以动态和灵活的方式调整图形的展示效果。为了实现这些变形操作，变形操作类通常会采用矩阵变换的原理。通过维护一个变换矩阵，并在绘制图形组之前应用该矩阵，可以一次性完成所有变形操作的计算，提高绘制效率。</li><li>**事件系统：**允许用户将事件监听器绑定到单个图形元素或整个组上。实现用户交互（如点击、拖动）。</li><li>**应用层封装：**构建丰富的基础图形类库，提供便捷的 API 来绘制常见的几何形状，如矩形、圆形、多边形、曲线等。这些基础图形应支持自定义样式和属性，以满足多样化的设计需求。</li><li>**扩展设计：**明确整个渲染过程的生命周期，并且允许开发者在对应的生命周期中插入自定义的代码，从而实现对渲染流程，事件处理，资源控制等方面的控制。</li></ol><p>在应用层，我们需要封装绘制引擎提供的底层功能，使其更加贴近业务需求。这包括提供易于使用的 API 接口、优化性能、处理异常和错误等。同时，通过持续的应用层反馈，不断优化和调整绘制引擎，确保其能够更好地服务于业务的发展。</p><p>因此，在绘制引擎架构中，我们会首先实现一个节点类 <code>Vertex</code>，这个类代表了最原始的‘节点’的概念，所有可以被展示到 <code>canvas</code> 画布上的、各种类型的节点都会继承于这个类，这是一个抽象类，我们并不会直接实例化这个类。</p><p>这个类上面挂载了‘节点’的各种通用属性，比如：父元素、透明度、旋转角度、缩放、平移、节点是否可见等。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"></span></code></pre></div><p>为了进行图形组的管理，会继续实现一个容器类 Container，这个类代表了‘组’的概念，它提供了添加子元素，移除子元素等的方法；后续的要被渲染的一些类 (如 Graphics，Text，Sprite 等) 会继承于这个类；这个类本身不会被渲染 (因为它只是一个‘组’，它本身没有内容可以渲染)。</p><p>这个类继承于 Vertex 类，‘组’也算作‘节点’。</p><p>Graphics 这个类会用来构建一些几何图形元素；它会继承 Container 类。</p><p>在渲染引擎中，一切变换 (平移、旋转、缩放等) 都会转化成变换矩阵 (matrix)，因为 canvas 只接受矩阵变换，虽然 canvas 为了开发的便捷，也提供了 ctx.rotate,ctx.scale 等操作，但是 canvas 中的这些操作会直接转换成变换矩阵，而不像 DOM 那样，有锚点的概念，所以 canvas 提供的 rotate，scale 等操作，和 DOM 提供的 rotate，scale 的表现是不一样的。</p><p>Matrix 类将会提供各种各样的与矩阵操作相关的函数 (矩阵相乘，矩阵求逆等)，任何变换的叠加都将会转换成 matrix，方便我们调用 canvas 的指令。</p><p>Transform 类就类似 CSS 的 transform，它提供了一些更清晰、更符合人类直觉的变换，而不用直接使用矩阵变换，当然，这些变换最终会转换成矩阵变换。</p><p>线性变换从几何直观有三个要点：</p><ul><li>变换前是直线的，变换后依然是直线</li><li>直线比例保持不变</li><li>变换前是原点的，变换后依然是原点</li></ul><p>比如有一个二维基向量</p>',23),s("r-math",{latex:"\\left[\\begin{matrix}x & 0 \\\\0 & y \\\\ \\end{matrix}\\right]"},null,-1),s("p",null,"旋转矩阵：",-1),s("r-math",{latex:"\\left[ \\begin{matrix} cos(r) & -sin(r) \\\\ sin(r) & cos(r) \\\\ \\end{matrix} \\right]"},null,-1),s("p",null,"浏览器的 skew:",-1),s("r-math",{latex:"\\left[ \\begin{matrix} 1 & tan(x) \\\\ tan(y) & 1 \\\\ \\end{matrix} \\right]"},null,-1),s("p",null,"pixijs 的 skew:",-1),s("r-math",{latex:"\\left[ \\begin{matrix} cos(y) & sin(x) \\\\ sin(y) & cos(x) \\\\ \\end{matrix} \\right]"},null,-1),i('<p>平移操作：</p><p>这里就需要仿射变换</p><p>仿射变换从几何直观只有两个要点：</p><ul><li>变换前是直线的，变换后依然是直线</li><li>直线比例保持不变</li></ul><p>少了原点保持不变这一条。</p><p>因此，平移不再是线性变化了，而是仿射变化。</p><p>每一个矩阵变换都是线性变换，反正则不成立。</p><p>仿射变换不能光通过矩阵乘法来实现，还得有加法。</p><p>主要用途是，通过高纬度的线性变换，模拟低维度的仿射变换。从而把平移操作也数据化。</p><h1 id="实现曲线" tabindex="-1">实现曲线 <a class="header-anchor" href="#实现曲线" aria-label="Permalink to &quot;实现曲线&quot;">​</a></h1><h2 id="二阶贝塞尔曲线" tabindex="-1">二阶贝塞尔曲线 <a class="header-anchor" href="#二阶贝塞尔曲线" aria-label="Permalink to &quot;二阶贝塞尔曲线&quot;">​</a></h2>',11),s("r-math",{latex:"B(t) = (1-t)^2 \\mathbf{P_0} + 2t(1-t) \\mathbf{P_1} + t^2 \\mathbf{P_2}, \\quad t \\in [0, 1]"},null,-1),i(`<p>起点（P0）：这是曲线开始的位置。在绘制过程中，曲线会精确地通过这个点。 控制点（P1）：这个点是用来控制曲线形状和弯曲程度的。它不一定在曲线上，但会对曲线的走向产生重要影响。通过调整控制点的位置，可以改变曲线的弯曲程度和方向。 终点（P2）：这是曲线结束的位置。同样地，曲线也会精确地通过这个点。</p><h2 id="二-基础图形库" tabindex="-1">二 基础图形库： <a class="header-anchor" href="#二-基础图形库" aria-label="Permalink to &quot;二 基础图形库：&quot;">​</a></h2><p>常见的基础图形有：</p><ol><li>圆</li><li>椭圆</li><li>多边形</li><li>矩形</li><li>圆角矩形</li></ol><p>先实现一个基础类，然后其他的所有图形类都继承这个抽象类：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> abstract</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> class</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Shape</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as h,o as n,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"实现曲线","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/visual.md","filePath":"cn/src/article/visual.md","lastUpdated":1728129344000}'),k={name:"cn/src/article/visual.md"};function p(t,a,e,E,r,d){return n(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<p>在业务需求的持续演进中，遇到了高度定制化图表的需求，为了寻求解决方案，我们首先寻找了一下目前的开源图表库。确实能解决大部分的场景。但在一些定制化设计就难以实现，但 UI 层的定制化又是十分常见的。</p><p>为了完美的复现设计愿景，我们打算自己去实现绘制，然后就发现 canvas，webGL，webGPU 的 API 实在太过于底层。开发起来几乎像是命令式编程。能实现需求，但代码就非常不好维护。</p><p>因此需要设计一个对于当前业务场景的绘制引擎。</p><h2 id="一-系统设计" tabindex="-1">一 系统设计 <a class="header-anchor" href="#一-系统设计" aria-label="Permalink to &quot;一 系统设计&quot;">​</a></h2><p>系统设计的过程中，我们需要明确使用场景，约束条件，边界情况。描述出最主要实现的功能，将这些功能进行高层级的设计，分类，链接。</p><p>有了具体要实现的功能模块后，我们就再根据功能模块，深入细节，讨论具体的实现。</p><p>功能实现后，通过可扩展的设计原则，将这些重要的功能进行链接。</p><p>最后是一些业务场景的具体实现。</p><p>一个通用的绘制设计引擎，主要需要考虑以下几个方面：</p><ol><li>**层级管理：**对于 2D 图形来说，必然需要层级关系的处理，定义元素之间的堆叠顺序，如确保文字总是绘制在图表的上方。层级管理将确保视觉呈现符合预期。</li><li>**组的管理：**将多个图形元素组织成一个整体（即“组”）。这样的设计使得对组进行整体移动、缩放或变形时，组内所有元素都能响应，简化了复杂场景下的操作和管理。</li><li>**变换矩阵：**对一个图形组执行平移、旋转、缩放等变形操作，从而以动态和灵活的方式调整图形的展示效果。为了实现这些变形操作，变形操作类通常会采用矩阵变换的原理。通过维护一个变换矩阵，并在绘制图形组之前应用该矩阵，可以一次性完成所有变形操作的计算，提高绘制效率。</li><li>**事件系统：**允许用户将事件监听器绑定到单个图形元素或整个组上。实现用户交互（如点击、拖动）。</li><li>**应用层封装：**构建丰富的基础图形类库，提供便捷的 API 来绘制常见的几何形状，如矩形、圆形、多边形、曲线等。这些基础图形应支持自定义样式和属性，以满足多样化的设计需求。</li><li>**扩展设计：**明确整个渲染过程的生命周期，并且允许开发者在对应的生命周期中插入自定义的代码，从而实现对渲染流程，事件处理，资源控制等方面的控制。</li></ol><p>在应用层，我们需要封装绘制引擎提供的底层功能，使其更加贴近业务需求。这包括提供易于使用的 API 接口、优化性能、处理异常和错误等。同时，通过持续的应用层反馈，不断优化和调整绘制引擎，确保其能够更好地服务于业务的发展。</p><p>因此，在绘制引擎架构中，我们会首先实现一个节点类 <code>Vertex</code>，这个类代表了最原始的‘节点’的概念，所有可以被展示到 <code>canvas</code> 画布上的、各种类型的节点都会继承于这个类，这是一个抽象类，我们并不会直接实例化这个类。</p><p>这个类上面挂载了‘节点’的各种通用属性，比如：父元素、透明度、旋转角度、缩放、平移、节点是否可见等。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"></span></code></pre></div><p>为了进行图形组的管理，会继续实现一个容器类 Container，这个类代表了‘组’的概念，它提供了添加子元素，移除子元素等的方法；后续的要被渲染的一些类 (如 Graphics，Text，Sprite 等) 会继承于这个类；这个类本身不会被渲染 (因为它只是一个‘组’，它本身没有内容可以渲染)。</p><p>这个类继承于 Vertex 类，‘组’也算作‘节点’。</p><p>Graphics 这个类会用来构建一些几何图形元素；它会继承 Container 类。</p><p>在渲染引擎中，一切变换 (平移、旋转、缩放等) 都会转化成变换矩阵 (matrix)，因为 canvas 只接受矩阵变换，虽然 canvas 为了开发的便捷，也提供了 ctx.rotate,ctx.scale 等操作，但是 canvas 中的这些操作会直接转换成变换矩阵，而不像 DOM 那样，有锚点的概念，所以 canvas 提供的 rotate，scale 等操作，和 DOM 提供的 rotate，scale 的表现是不一样的。</p><p>Matrix 类将会提供各种各样的与矩阵操作相关的函数 (矩阵相乘，矩阵求逆等)，任何变换的叠加都将会转换成 matrix，方便我们调用 canvas 的指令。</p><p>Transform 类就类似 CSS 的 transform，它提供了一些更清晰、更符合人类直觉的变换，而不用直接使用矩阵变换，当然，这些变换最终会转换成矩阵变换。</p><p>线性变换从几何直观有三个要点：</p><ul><li>变换前是直线的，变换后依然是直线</li><li>直线比例保持不变</li><li>变换前是原点的，变换后依然是原点</li></ul><p>比如有一个二维基向量</p>',23),s("r-math",{latex:"\\left[\\begin{matrix}x & 0 \\\\0 & y \\\\ \\end{matrix}\\right]"},null,-1),s("p",null,"旋转矩阵：",-1),s("r-math",{latex:"\\left[ \\begin{matrix} cos(r) & -sin(r) \\\\ sin(r) & cos(r) \\\\ \\end{matrix} \\right]"},null,-1),s("p",null,"浏览器的 skew:",-1),s("r-math",{latex:"\\left[ \\begin{matrix} 1 & tan(x) \\\\ tan(y) & 1 \\\\ \\end{matrix} \\right]"},null,-1),s("p",null,"pixijs 的 skew:",-1),s("r-math",{latex:"\\left[ \\begin{matrix} cos(y) & sin(x) \\\\ sin(y) & cos(x) \\\\ \\end{matrix} \\right]"},null,-1),i('<p>平移操作：</p><p>这里就需要仿射变换</p><p>仿射变换从几何直观只有两个要点：</p><ul><li>变换前是直线的，变换后依然是直线</li><li>直线比例保持不变</li></ul><p>少了原点保持不变这一条。</p><p>因此，平移不再是线性变化了，而是仿射变化。</p><p>每一个矩阵变换都是线性变换，反正则不成立。</p><p>仿射变换不能光通过矩阵乘法来实现，还得有加法。</p><p>主要用途是，通过高纬度的线性变换，模拟低维度的仿射变换。从而把平移操作也数据化。</p><h1 id="实现曲线" tabindex="-1">实现曲线 <a class="header-anchor" href="#实现曲线" aria-label="Permalink to &quot;实现曲线&quot;">​</a></h1><h2 id="二阶贝塞尔曲线" tabindex="-1">二阶贝塞尔曲线 <a class="header-anchor" href="#二阶贝塞尔曲线" aria-label="Permalink to &quot;二阶贝塞尔曲线&quot;">​</a></h2>',11),s("r-math",{latex:"B(t) = (1-t)^2 \\mathbf{P_0} + 2t(1-t) \\mathbf{P_1} + t^2 \\mathbf{P_2}, \\quad t \\in [0, 1]"},null,-1),i(`<p>起点（P0）：这是曲线开始的位置。在绘制过程中，曲线会精确地通过这个点。 控制点（P1）：这个点是用来控制曲线形状和弯曲程度的。它不一定在曲线上，但会对曲线的走向产生重要影响。通过调整控制点的位置，可以改变曲线的弯曲程度和方向。 终点（P2）：这是曲线结束的位置。同样地，曲线也会精确地通过这个点。</p><h2 id="二-基础图形库" tabindex="-1">二 基础图形库： <a class="header-anchor" href="#二-基础图形库" aria-label="Permalink to &quot;二 基础图形库：&quot;">​</a></h2><p>常见的基础图形有：</p><ol><li>圆</li><li>椭圆</li><li>多边形</li><li>矩形</li><li>圆角矩形</li></ol><p>先实现一个基础类，然后其他的所有图形类都继承这个抽象类：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> abstract</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> class</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Shape</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // 支持的所有几何图形都会继承自这个 Shape 基类</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  public</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> abstract</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> type</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShapeType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  constructor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">() {}</span></span>
diff --git a/assets/cn_src_article_visual.md.Be4MMnab.lean.js b/assets/cn_src_article_visual.md.DseWRfx9.lean.js
similarity index 99%
rename from assets/cn_src_article_visual.md.Be4MMnab.lean.js
rename to assets/cn_src_article_visual.md.DseWRfx9.lean.js
index 86959f0c63..81bd040d4b 100644
--- a/assets/cn_src_article_visual.md.Be4MMnab.lean.js
+++ b/assets/cn_src_article_visual.md.DseWRfx9.lean.js
@@ -1,4 +1,4 @@
-import{_ as h,o as n,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"实现曲线","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/visual.md","filePath":"cn/src/article/visual.md","lastUpdated":1728129125000}'),k={name:"cn/src/article/visual.md"};function p(t,a,e,E,r,d){return n(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<p>在业务需求的持续演进中，遇到了高度定制化图表的需求，为了寻求解决方案，我们首先寻找了一下目前的开源图表库。确实能解决大部分的场景。但在一些定制化设计就难以实现，但 UI 层的定制化又是十分常见的。</p><p>为了完美的复现设计愿景，我们打算自己去实现绘制，然后就发现 canvas，webGL，webGPU 的 API 实在太过于底层。开发起来几乎像是命令式编程。能实现需求，但代码就非常不好维护。</p><p>因此需要设计一个对于当前业务场景的绘制引擎。</p><h2 id="一-系统设计" tabindex="-1">一 系统设计 <a class="header-anchor" href="#一-系统设计" aria-label="Permalink to &quot;一 系统设计&quot;">​</a></h2><p>系统设计的过程中，我们需要明确使用场景，约束条件，边界情况。描述出最主要实现的功能，将这些功能进行高层级的设计，分类，链接。</p><p>有了具体要实现的功能模块后，我们就再根据功能模块，深入细节，讨论具体的实现。</p><p>功能实现后，通过可扩展的设计原则，将这些重要的功能进行链接。</p><p>最后是一些业务场景的具体实现。</p><p>一个通用的绘制设计引擎，主要需要考虑以下几个方面：</p><ol><li>**层级管理：**对于 2D 图形来说，必然需要层级关系的处理，定义元素之间的堆叠顺序，如确保文字总是绘制在图表的上方。层级管理将确保视觉呈现符合预期。</li><li>**组的管理：**将多个图形元素组织成一个整体（即“组”）。这样的设计使得对组进行整体移动、缩放或变形时，组内所有元素都能响应，简化了复杂场景下的操作和管理。</li><li>**变换矩阵：**对一个图形组执行平移、旋转、缩放等变形操作，从而以动态和灵活的方式调整图形的展示效果。为了实现这些变形操作，变形操作类通常会采用矩阵变换的原理。通过维护一个变换矩阵，并在绘制图形组之前应用该矩阵，可以一次性完成所有变形操作的计算，提高绘制效率。</li><li>**事件系统：**允许用户将事件监听器绑定到单个图形元素或整个组上。实现用户交互（如点击、拖动）。</li><li>**应用层封装：**构建丰富的基础图形类库，提供便捷的 API 来绘制常见的几何形状，如矩形、圆形、多边形、曲线等。这些基础图形应支持自定义样式和属性，以满足多样化的设计需求。</li><li>**扩展设计：**明确整个渲染过程的生命周期，并且允许开发者在对应的生命周期中插入自定义的代码，从而实现对渲染流程，事件处理，资源控制等方面的控制。</li></ol><p>在应用层，我们需要封装绘制引擎提供的底层功能，使其更加贴近业务需求。这包括提供易于使用的 API 接口、优化性能、处理异常和错误等。同时，通过持续的应用层反馈，不断优化和调整绘制引擎，确保其能够更好地服务于业务的发展。</p><p>因此，在绘制引擎架构中，我们会首先实现一个节点类 <code>Vertex</code>，这个类代表了最原始的‘节点’的概念，所有可以被展示到 <code>canvas</code> 画布上的、各种类型的节点都会继承于这个类，这是一个抽象类，我们并不会直接实例化这个类。</p><p>这个类上面挂载了‘节点’的各种通用属性，比如：父元素、透明度、旋转角度、缩放、平移、节点是否可见等。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"></span></code></pre></div><p>为了进行图形组的管理，会继续实现一个容器类 Container，这个类代表了‘组’的概念，它提供了添加子元素，移除子元素等的方法；后续的要被渲染的一些类 (如 Graphics，Text，Sprite 等) 会继承于这个类；这个类本身不会被渲染 (因为它只是一个‘组’，它本身没有内容可以渲染)。</p><p>这个类继承于 Vertex 类，‘组’也算作‘节点’。</p><p>Graphics 这个类会用来构建一些几何图形元素；它会继承 Container 类。</p><p>在渲染引擎中，一切变换 (平移、旋转、缩放等) 都会转化成变换矩阵 (matrix)，因为 canvas 只接受矩阵变换，虽然 canvas 为了开发的便捷，也提供了 ctx.rotate,ctx.scale 等操作，但是 canvas 中的这些操作会直接转换成变换矩阵，而不像 DOM 那样，有锚点的概念，所以 canvas 提供的 rotate，scale 等操作，和 DOM 提供的 rotate，scale 的表现是不一样的。</p><p>Matrix 类将会提供各种各样的与矩阵操作相关的函数 (矩阵相乘，矩阵求逆等)，任何变换的叠加都将会转换成 matrix，方便我们调用 canvas 的指令。</p><p>Transform 类就类似 CSS 的 transform，它提供了一些更清晰、更符合人类直觉的变换，而不用直接使用矩阵变换，当然，这些变换最终会转换成矩阵变换。</p><p>线性变换从几何直观有三个要点：</p><ul><li>变换前是直线的，变换后依然是直线</li><li>直线比例保持不变</li><li>变换前是原点的，变换后依然是原点</li></ul><p>比如有一个二维基向量</p>',23),s("r-math",{latex:"\\left[\\begin{matrix}x & 0 \\\\0 & y \\\\ \\end{matrix}\\right]"},null,-1),s("p",null,"旋转矩阵：",-1),s("r-math",{latex:"\\left[ \\begin{matrix} cos(r) & -sin(r) \\\\ sin(r) & cos(r) \\\\ \\end{matrix} \\right]"},null,-1),s("p",null,"浏览器的 skew:",-1),s("r-math",{latex:"\\left[ \\begin{matrix} 1 & tan(x) \\\\ tan(y) & 1 \\\\ \\end{matrix} \\right]"},null,-1),s("p",null,"pixijs 的 skew:",-1),s("r-math",{latex:"\\left[ \\begin{matrix} cos(y) & sin(x) \\\\ sin(y) & cos(x) \\\\ \\end{matrix} \\right]"},null,-1),i('<p>平移操作：</p><p>这里就需要仿射变换</p><p>仿射变换从几何直观只有两个要点：</p><ul><li>变换前是直线的，变换后依然是直线</li><li>直线比例保持不变</li></ul><p>少了原点保持不变这一条。</p><p>因此，平移不再是线性变化了，而是仿射变化。</p><p>每一个矩阵变换都是线性变换，反正则不成立。</p><p>仿射变换不能光通过矩阵乘法来实现，还得有加法。</p><p>主要用途是，通过高纬度的线性变换，模拟低维度的仿射变换。从而把平移操作也数据化。</p><h1 id="实现曲线" tabindex="-1">实现曲线 <a class="header-anchor" href="#实现曲线" aria-label="Permalink to &quot;实现曲线&quot;">​</a></h1><h2 id="二阶贝塞尔曲线" tabindex="-1">二阶贝塞尔曲线 <a class="header-anchor" href="#二阶贝塞尔曲线" aria-label="Permalink to &quot;二阶贝塞尔曲线&quot;">​</a></h2>',11),s("r-math",{latex:"B(t) = (1-t)^2 \\mathbf{P_0} + 2t(1-t) \\mathbf{P_1} + t^2 \\mathbf{P_2}, \\quad t \\in [0, 1]"},null,-1),i(`<p>起点（P0）：这是曲线开始的位置。在绘制过程中，曲线会精确地通过这个点。 控制点（P1）：这个点是用来控制曲线形状和弯曲程度的。它不一定在曲线上，但会对曲线的走向产生重要影响。通过调整控制点的位置，可以改变曲线的弯曲程度和方向。 终点（P2）：这是曲线结束的位置。同样地，曲线也会精确地通过这个点。</p><h2 id="二-基础图形库" tabindex="-1">二 基础图形库： <a class="header-anchor" href="#二-基础图形库" aria-label="Permalink to &quot;二 基础图形库：&quot;">​</a></h2><p>常见的基础图形有：</p><ol><li>圆</li><li>椭圆</li><li>多边形</li><li>矩形</li><li>圆角矩形</li></ol><p>先实现一个基础类，然后其他的所有图形类都继承这个抽象类：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> abstract</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> class</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Shape</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as h,o as n,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"实现曲线","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/article/visual.md","filePath":"cn/src/article/visual.md","lastUpdated":1728129344000}'),k={name:"cn/src/article/visual.md"};function p(t,a,e,E,r,d){return n(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<p>在业务需求的持续演进中，遇到了高度定制化图表的需求，为了寻求解决方案，我们首先寻找了一下目前的开源图表库。确实能解决大部分的场景。但在一些定制化设计就难以实现，但 UI 层的定制化又是十分常见的。</p><p>为了完美的复现设计愿景，我们打算自己去实现绘制，然后就发现 canvas，webGL，webGPU 的 API 实在太过于底层。开发起来几乎像是命令式编程。能实现需求，但代码就非常不好维护。</p><p>因此需要设计一个对于当前业务场景的绘制引擎。</p><h2 id="一-系统设计" tabindex="-1">一 系统设计 <a class="header-anchor" href="#一-系统设计" aria-label="Permalink to &quot;一 系统设计&quot;">​</a></h2><p>系统设计的过程中，我们需要明确使用场景，约束条件，边界情况。描述出最主要实现的功能，将这些功能进行高层级的设计，分类，链接。</p><p>有了具体要实现的功能模块后，我们就再根据功能模块，深入细节，讨论具体的实现。</p><p>功能实现后，通过可扩展的设计原则，将这些重要的功能进行链接。</p><p>最后是一些业务场景的具体实现。</p><p>一个通用的绘制设计引擎，主要需要考虑以下几个方面：</p><ol><li>**层级管理：**对于 2D 图形来说，必然需要层级关系的处理，定义元素之间的堆叠顺序，如确保文字总是绘制在图表的上方。层级管理将确保视觉呈现符合预期。</li><li>**组的管理：**将多个图形元素组织成一个整体（即“组”）。这样的设计使得对组进行整体移动、缩放或变形时，组内所有元素都能响应，简化了复杂场景下的操作和管理。</li><li>**变换矩阵：**对一个图形组执行平移、旋转、缩放等变形操作，从而以动态和灵活的方式调整图形的展示效果。为了实现这些变形操作，变形操作类通常会采用矩阵变换的原理。通过维护一个变换矩阵，并在绘制图形组之前应用该矩阵，可以一次性完成所有变形操作的计算，提高绘制效率。</li><li>**事件系统：**允许用户将事件监听器绑定到单个图形元素或整个组上。实现用户交互（如点击、拖动）。</li><li>**应用层封装：**构建丰富的基础图形类库，提供便捷的 API 来绘制常见的几何形状，如矩形、圆形、多边形、曲线等。这些基础图形应支持自定义样式和属性，以满足多样化的设计需求。</li><li>**扩展设计：**明确整个渲染过程的生命周期，并且允许开发者在对应的生命周期中插入自定义的代码，从而实现对渲染流程，事件处理，资源控制等方面的控制。</li></ol><p>在应用层，我们需要封装绘制引擎提供的底层功能，使其更加贴近业务需求。这包括提供易于使用的 API 接口、优化性能、处理异常和错误等。同时，通过持续的应用层反馈，不断优化和调整绘制引擎，确保其能够更好地服务于业务的发展。</p><p>因此，在绘制引擎架构中，我们会首先实现一个节点类 <code>Vertex</code>，这个类代表了最原始的‘节点’的概念，所有可以被展示到 <code>canvas</code> 画布上的、各种类型的节点都会继承于这个类，这是一个抽象类，我们并不会直接实例化这个类。</p><p>这个类上面挂载了‘节点’的各种通用属性，比如：父元素、透明度、旋转角度、缩放、平移、节点是否可见等。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"></span></code></pre></div><p>为了进行图形组的管理，会继续实现一个容器类 Container，这个类代表了‘组’的概念，它提供了添加子元素，移除子元素等的方法；后续的要被渲染的一些类 (如 Graphics，Text，Sprite 等) 会继承于这个类；这个类本身不会被渲染 (因为它只是一个‘组’，它本身没有内容可以渲染)。</p><p>这个类继承于 Vertex 类，‘组’也算作‘节点’。</p><p>Graphics 这个类会用来构建一些几何图形元素；它会继承 Container 类。</p><p>在渲染引擎中，一切变换 (平移、旋转、缩放等) 都会转化成变换矩阵 (matrix)，因为 canvas 只接受矩阵变换，虽然 canvas 为了开发的便捷，也提供了 ctx.rotate,ctx.scale 等操作，但是 canvas 中的这些操作会直接转换成变换矩阵，而不像 DOM 那样，有锚点的概念，所以 canvas 提供的 rotate，scale 等操作，和 DOM 提供的 rotate，scale 的表现是不一样的。</p><p>Matrix 类将会提供各种各样的与矩阵操作相关的函数 (矩阵相乘，矩阵求逆等)，任何变换的叠加都将会转换成 matrix，方便我们调用 canvas 的指令。</p><p>Transform 类就类似 CSS 的 transform，它提供了一些更清晰、更符合人类直觉的变换，而不用直接使用矩阵变换，当然，这些变换最终会转换成矩阵变换。</p><p>线性变换从几何直观有三个要点：</p><ul><li>变换前是直线的，变换后依然是直线</li><li>直线比例保持不变</li><li>变换前是原点的，变换后依然是原点</li></ul><p>比如有一个二维基向量</p>',23),s("r-math",{latex:"\\left[\\begin{matrix}x & 0 \\\\0 & y \\\\ \\end{matrix}\\right]"},null,-1),s("p",null,"旋转矩阵：",-1),s("r-math",{latex:"\\left[ \\begin{matrix} cos(r) & -sin(r) \\\\ sin(r) & cos(r) \\\\ \\end{matrix} \\right]"},null,-1),s("p",null,"浏览器的 skew:",-1),s("r-math",{latex:"\\left[ \\begin{matrix} 1 & tan(x) \\\\ tan(y) & 1 \\\\ \\end{matrix} \\right]"},null,-1),s("p",null,"pixijs 的 skew:",-1),s("r-math",{latex:"\\left[ \\begin{matrix} cos(y) & sin(x) \\\\ sin(y) & cos(x) \\\\ \\end{matrix} \\right]"},null,-1),i('<p>平移操作：</p><p>这里就需要仿射变换</p><p>仿射变换从几何直观只有两个要点：</p><ul><li>变换前是直线的，变换后依然是直线</li><li>直线比例保持不变</li></ul><p>少了原点保持不变这一条。</p><p>因此，平移不再是线性变化了，而是仿射变化。</p><p>每一个矩阵变换都是线性变换，反正则不成立。</p><p>仿射变换不能光通过矩阵乘法来实现，还得有加法。</p><p>主要用途是，通过高纬度的线性变换，模拟低维度的仿射变换。从而把平移操作也数据化。</p><h1 id="实现曲线" tabindex="-1">实现曲线 <a class="header-anchor" href="#实现曲线" aria-label="Permalink to &quot;实现曲线&quot;">​</a></h1><h2 id="二阶贝塞尔曲线" tabindex="-1">二阶贝塞尔曲线 <a class="header-anchor" href="#二阶贝塞尔曲线" aria-label="Permalink to &quot;二阶贝塞尔曲线&quot;">​</a></h2>',11),s("r-math",{latex:"B(t) = (1-t)^2 \\mathbf{P_0} + 2t(1-t) \\mathbf{P_1} + t^2 \\mathbf{P_2}, \\quad t \\in [0, 1]"},null,-1),i(`<p>起点（P0）：这是曲线开始的位置。在绘制过程中，曲线会精确地通过这个点。 控制点（P1）：这个点是用来控制曲线形状和弯曲程度的。它不一定在曲线上，但会对曲线的走向产生重要影响。通过调整控制点的位置，可以改变曲线的弯曲程度和方向。 终点（P2）：这是曲线结束的位置。同样地，曲线也会精确地通过这个点。</p><h2 id="二-基础图形库" tabindex="-1">二 基础图形库： <a class="header-anchor" href="#二-基础图形库" aria-label="Permalink to &quot;二 基础图形库：&quot;">​</a></h2><p>常见的基础图形有：</p><ol><li>圆</li><li>椭圆</li><li>多边形</li><li>矩形</li><li>圆角矩形</li></ol><p>先实现一个基础类，然后其他的所有图形类都继承这个抽象类：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> abstract</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> class</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Shape</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // 支持的所有几何图形都会继承自这个 Shape 基类</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  public</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> abstract</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> type</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ShapeType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  constructor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">() {}</span></span>
diff --git a/assets/cn_src_note_centos.md.BcqWCqVs.js b/assets/cn_src_note_centos.md.DNIN5Wz6.js
similarity index 99%
rename from assets/cn_src_note_centos.md.BcqWCqVs.js
rename to assets/cn_src_note_centos.md.DNIN5Wz6.js
index 1cfb0cddfd..0ac702650e 100644
--- a/assets/cn_src_note_centos.md.BcqWCqVs.js
+++ b/assets/cn_src_note_centos.md.DNIN5Wz6.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as n,a3 as e}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"CentOS","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/note/centos.md","filePath":"cn/src/note/centos.md","lastUpdated":1728129125000}'),t={name:"cn/src/note/centos.md"};function p(l,s,h,k,r,d){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e(`<h1 id="centos" tabindex="-1">CentOS <a class="header-anchor" href="#centos" aria-label="Permalink to &quot;CentOS&quot;">​</a></h1><p>查看当前系统的版本：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">cat</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> /etc/centos-release</span></span></code></pre></div><h2 id="yum" tabindex="-1">YUM <a class="header-anchor" href="#yum" aria-label="Permalink to &quot;YUM&quot;">​</a></h2><p>YUM 是 Yellowdog Updater, Modified 的缩写，虽然不是 CentOS 开发的，但已成为 CentOS 系统中常用的包管理工具。YUM 作为 RPM 的前端程序，解决了 RPM 软件包之间的依赖性问题，并提供了更加便捷的软件包管理方式。</p><h3 id="yum-仓库源" tabindex="-1">YUM 仓库源 <a class="header-anchor" href="#yum-仓库源" aria-label="Permalink to &quot;YUM 仓库源&quot;">​</a></h3><p>CentOS 8 的官方支持已经结束，但您仍然可以使用 CentOS Stream 8 或其他第三方仓库。如果您正在使用 CentOS 8，并且希望继续使用类似的仓库，可以考虑切换到 CentOS Stream 8。</p><h4 id="_1-替换镜像源" tabindex="-1">1.替换镜像源 <a class="header-anchor" href="#_1-替换镜像源" aria-label="Permalink to &quot;1.替换镜像源&quot;">​</a></h4><p>由于众所周知的原因，访问官方镜像会非常慢，所以</p><p>修改 /etc/yum.repos.d/CentOS-AppStream.repo 文件（或相应的仓库配置文件），将 baseurl 或 mirrorlist 指向一个可用的源。</p><p>我个人尝试，发现需要修改三个文件：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">/etc/yum.repos.d/CentOS-Base.repo</span></span>
+import{_ as i,o as a,c as n,a3 as e}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"CentOS","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/note/centos.md","filePath":"cn/src/note/centos.md","lastUpdated":1728129344000}'),t={name:"cn/src/note/centos.md"};function p(l,s,h,k,r,d){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e(`<h1 id="centos" tabindex="-1">CentOS <a class="header-anchor" href="#centos" aria-label="Permalink to &quot;CentOS&quot;">​</a></h1><p>查看当前系统的版本：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">cat</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> /etc/centos-release</span></span></code></pre></div><h2 id="yum" tabindex="-1">YUM <a class="header-anchor" href="#yum" aria-label="Permalink to &quot;YUM&quot;">​</a></h2><p>YUM 是 Yellowdog Updater, Modified 的缩写，虽然不是 CentOS 开发的，但已成为 CentOS 系统中常用的包管理工具。YUM 作为 RPM 的前端程序，解决了 RPM 软件包之间的依赖性问题，并提供了更加便捷的软件包管理方式。</p><h3 id="yum-仓库源" tabindex="-1">YUM 仓库源 <a class="header-anchor" href="#yum-仓库源" aria-label="Permalink to &quot;YUM 仓库源&quot;">​</a></h3><p>CentOS 8 的官方支持已经结束，但您仍然可以使用 CentOS Stream 8 或其他第三方仓库。如果您正在使用 CentOS 8，并且希望继续使用类似的仓库，可以考虑切换到 CentOS Stream 8。</p><h4 id="_1-替换镜像源" tabindex="-1">1.替换镜像源 <a class="header-anchor" href="#_1-替换镜像源" aria-label="Permalink to &quot;1.替换镜像源&quot;">​</a></h4><p>由于众所周知的原因，访问官方镜像会非常慢，所以</p><p>修改 /etc/yum.repos.d/CentOS-AppStream.repo 文件（或相应的仓库配置文件），将 baseurl 或 mirrorlist 指向一个可用的源。</p><p>我个人尝试，发现需要修改三个文件：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">/etc/yum.repos.d/CentOS-Base.repo</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">/etc/yum.repos.d/CentOS-AppStream.repo</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">/etc/yum.repos.d/CentOS-Extras.repo</span></span></code></pre></div><p>修改文件内容：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[baseos]</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">CentOS-8</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> -</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> Base</span></span>
diff --git a/assets/cn_src_note_centos.md.BcqWCqVs.lean.js b/assets/cn_src_note_centos.md.DNIN5Wz6.lean.js
similarity index 99%
rename from assets/cn_src_note_centos.md.BcqWCqVs.lean.js
rename to assets/cn_src_note_centos.md.DNIN5Wz6.lean.js
index 1cfb0cddfd..0ac702650e 100644
--- a/assets/cn_src_note_centos.md.BcqWCqVs.lean.js
+++ b/assets/cn_src_note_centos.md.DNIN5Wz6.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as n,a3 as e}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"CentOS","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/note/centos.md","filePath":"cn/src/note/centos.md","lastUpdated":1728129125000}'),t={name:"cn/src/note/centos.md"};function p(l,s,h,k,r,d){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e(`<h1 id="centos" tabindex="-1">CentOS <a class="header-anchor" href="#centos" aria-label="Permalink to &quot;CentOS&quot;">​</a></h1><p>查看当前系统的版本：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">cat</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> /etc/centos-release</span></span></code></pre></div><h2 id="yum" tabindex="-1">YUM <a class="header-anchor" href="#yum" aria-label="Permalink to &quot;YUM&quot;">​</a></h2><p>YUM 是 Yellowdog Updater, Modified 的缩写，虽然不是 CentOS 开发的，但已成为 CentOS 系统中常用的包管理工具。YUM 作为 RPM 的前端程序，解决了 RPM 软件包之间的依赖性问题，并提供了更加便捷的软件包管理方式。</p><h3 id="yum-仓库源" tabindex="-1">YUM 仓库源 <a class="header-anchor" href="#yum-仓库源" aria-label="Permalink to &quot;YUM 仓库源&quot;">​</a></h3><p>CentOS 8 的官方支持已经结束，但您仍然可以使用 CentOS Stream 8 或其他第三方仓库。如果您正在使用 CentOS 8，并且希望继续使用类似的仓库，可以考虑切换到 CentOS Stream 8。</p><h4 id="_1-替换镜像源" tabindex="-1">1.替换镜像源 <a class="header-anchor" href="#_1-替换镜像源" aria-label="Permalink to &quot;1.替换镜像源&quot;">​</a></h4><p>由于众所周知的原因，访问官方镜像会非常慢，所以</p><p>修改 /etc/yum.repos.d/CentOS-AppStream.repo 文件（或相应的仓库配置文件），将 baseurl 或 mirrorlist 指向一个可用的源。</p><p>我个人尝试，发现需要修改三个文件：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">/etc/yum.repos.d/CentOS-Base.repo</span></span>
+import{_ as i,o as a,c as n,a3 as e}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"CentOS","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/note/centos.md","filePath":"cn/src/note/centos.md","lastUpdated":1728129344000}'),t={name:"cn/src/note/centos.md"};function p(l,s,h,k,r,d){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e(`<h1 id="centos" tabindex="-1">CentOS <a class="header-anchor" href="#centos" aria-label="Permalink to &quot;CentOS&quot;">​</a></h1><p>查看当前系统的版本：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">cat</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> /etc/centos-release</span></span></code></pre></div><h2 id="yum" tabindex="-1">YUM <a class="header-anchor" href="#yum" aria-label="Permalink to &quot;YUM&quot;">​</a></h2><p>YUM 是 Yellowdog Updater, Modified 的缩写，虽然不是 CentOS 开发的，但已成为 CentOS 系统中常用的包管理工具。YUM 作为 RPM 的前端程序，解决了 RPM 软件包之间的依赖性问题，并提供了更加便捷的软件包管理方式。</p><h3 id="yum-仓库源" tabindex="-1">YUM 仓库源 <a class="header-anchor" href="#yum-仓库源" aria-label="Permalink to &quot;YUM 仓库源&quot;">​</a></h3><p>CentOS 8 的官方支持已经结束，但您仍然可以使用 CentOS Stream 8 或其他第三方仓库。如果您正在使用 CentOS 8，并且希望继续使用类似的仓库，可以考虑切换到 CentOS Stream 8。</p><h4 id="_1-替换镜像源" tabindex="-1">1.替换镜像源 <a class="header-anchor" href="#_1-替换镜像源" aria-label="Permalink to &quot;1.替换镜像源&quot;">​</a></h4><p>由于众所周知的原因，访问官方镜像会非常慢，所以</p><p>修改 /etc/yum.repos.d/CentOS-AppStream.repo 文件（或相应的仓库配置文件），将 baseurl 或 mirrorlist 指向一个可用的源。</p><p>我个人尝试，发现需要修改三个文件：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">/etc/yum.repos.d/CentOS-Base.repo</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">/etc/yum.repos.d/CentOS-AppStream.repo</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">/etc/yum.repos.d/CentOS-Extras.repo</span></span></code></pre></div><p>修改文件内容：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[baseos]</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">CentOS-8</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> -</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> Base</span></span>
diff --git a/assets/cn_src_note_docker.md.BeX3ffKU.js b/assets/cn_src_note_docker.md.Dwk9bEUN.js
similarity index 99%
rename from assets/cn_src_note_docker.md.BeX3ffKU.js
rename to assets/cn_src_note_docker.md.Dwk9bEUN.js
index 209f7cac2b..aec36ac0b2 100644
--- a/assets/cn_src_note_docker.md.BeX3ffKU.js
+++ b/assets/cn_src_note_docker.md.Dwk9bEUN.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as e,a3 as l}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"docker","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/note/docker.md","filePath":"cn/src/note/docker.md","lastUpdated":1728129125000}'),n={name:"cn/src/note/docker.md"};function h(t,s,p,k,d,r){return a(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[l(`<h1 id="docker" tabindex="-1">docker <a class="header-anchor" href="#docker" aria-label="Permalink to &quot;docker&quot;">​</a></h1><p>查询 <code>docker</code> 是否在运行：</p><ol><li>输入以下命令来查找 <code>Docker</code> 守护进程的 <code>PID</code>（进程 <code>ID</code>）：</li></ol><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ps</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -ef</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> grep</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docker</span></span></code></pre></div><p>如果命令返回了包含<code>/usr/local/bin/dockerd</code>（或类似路径）的行，并且 <code>PID</code> 列有数字显示，那么 <code>Docker</code> 守护进程正在运行。</p><ol start="2"><li>使用 <code>docker ps</code> 命令</li></ol><p>虽然 <code>docker ps</code> 命令主要用于列出正在运行的容器，但如果 <code>Docker</code> 服务没有运行，该命令会返回一个错误消息。因此，你也可以通过运行该命令并观察输出来判断 <code>Docker</code> 服务是否启动。</p><p>如果 <code>Docker</code> 服务正在运行，该命令将列出所有正在运行的容器（如果没有运行的容器，则可能只显示表头）。如果 <code>Docker</code> 服务没有运行，你将看到一个错误消息，如<code>“Cannot connect to the Docker daemon at unix:///var/run/docker.sock. Is the docker daemon running?”</code>。</p><ol start="3"><li>使用 <code>docker info</code> 命令</li></ol><p><code>docker info</code> 命令提供 <code>Docker</code> 系统的详细信息，包括容器数量、镜像数量、<code>Docker</code> 版本等。如果 <code>Docker</code> 服务正在运行，该命令将正常输出这些信息。</p><p>如果 <code>Docker</code> 服务正在运行，你将看到一系列关于 Docker 系统的信息。如果 Docker 服务没有运行，你将看到一个错误消息，与 docker ps 命令类似。</p><p>安装 <code>docker</code> 的网站：<code>https://hub.docker.com/</code></p><h2 id="images" tabindex="-1">images <a class="header-anchor" href="#images" aria-label="Permalink to &quot;images&quot;">​</a></h2><p><code>Docker</code> 把应用程序及其依赖，打包在 <code>image</code> 文件里面。只有通过这个文件，才能生成 <code>Docker</code> 容器。<code>image</code> 文件可以看作容器的模板。<code>Docker</code> 根据 <code>image</code> 文件生成的容器实例。同一个 <code>image</code> 文件，可以生成多个同时运行的容器实例</p><p><code>image</code> 是二进制文件。实际开发过程中，一个 <code>image</code> 文件往往通过继承另一个 <code>image</code> 文件，再加上一些个性化的设置而成。</p><div class="language-shell vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">shell</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"># 搜索镜像</span></span>
+import{_ as i,o as a,c as e,a3 as l}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"docker","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/note/docker.md","filePath":"cn/src/note/docker.md","lastUpdated":1728129344000}'),n={name:"cn/src/note/docker.md"};function h(t,s,p,k,d,r){return a(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[l(`<h1 id="docker" tabindex="-1">docker <a class="header-anchor" href="#docker" aria-label="Permalink to &quot;docker&quot;">​</a></h1><p>查询 <code>docker</code> 是否在运行：</p><ol><li>输入以下命令来查找 <code>Docker</code> 守护进程的 <code>PID</code>（进程 <code>ID</code>）：</li></ol><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ps</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -ef</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> grep</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docker</span></span></code></pre></div><p>如果命令返回了包含<code>/usr/local/bin/dockerd</code>（或类似路径）的行，并且 <code>PID</code> 列有数字显示，那么 <code>Docker</code> 守护进程正在运行。</p><ol start="2"><li>使用 <code>docker ps</code> 命令</li></ol><p>虽然 <code>docker ps</code> 命令主要用于列出正在运行的容器，但如果 <code>Docker</code> 服务没有运行，该命令会返回一个错误消息。因此，你也可以通过运行该命令并观察输出来判断 <code>Docker</code> 服务是否启动。</p><p>如果 <code>Docker</code> 服务正在运行，该命令将列出所有正在运行的容器（如果没有运行的容器，则可能只显示表头）。如果 <code>Docker</code> 服务没有运行，你将看到一个错误消息，如<code>“Cannot connect to the Docker daemon at unix:///var/run/docker.sock. Is the docker daemon running?”</code>。</p><ol start="3"><li>使用 <code>docker info</code> 命令</li></ol><p><code>docker info</code> 命令提供 <code>Docker</code> 系统的详细信息，包括容器数量、镜像数量、<code>Docker</code> 版本等。如果 <code>Docker</code> 服务正在运行，该命令将正常输出这些信息。</p><p>如果 <code>Docker</code> 服务正在运行，你将看到一系列关于 Docker 系统的信息。如果 Docker 服务没有运行，你将看到一个错误消息，与 docker ps 命令类似。</p><p>安装 <code>docker</code> 的网站：<code>https://hub.docker.com/</code></p><h2 id="images" tabindex="-1">images <a class="header-anchor" href="#images" aria-label="Permalink to &quot;images&quot;">​</a></h2><p><code>Docker</code> 把应用程序及其依赖，打包在 <code>image</code> 文件里面。只有通过这个文件，才能生成 <code>Docker</code> 容器。<code>image</code> 文件可以看作容器的模板。<code>Docker</code> 根据 <code>image</code> 文件生成的容器实例。同一个 <code>image</code> 文件，可以生成多个同时运行的容器实例</p><p><code>image</code> 是二进制文件。实际开发过程中，一个 <code>image</code> 文件往往通过继承另一个 <code>image</code> 文件，再加上一些个性化的设置而成。</p><div class="language-shell vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">shell</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"># 搜索镜像</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">$</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docker</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> search</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [keywords]</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"># 列出本机所有的image文件</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">$docker image ls</span></span>
diff --git a/assets/cn_src_note_docker.md.BeX3ffKU.lean.js b/assets/cn_src_note_docker.md.Dwk9bEUN.lean.js
similarity index 99%
rename from assets/cn_src_note_docker.md.BeX3ffKU.lean.js
rename to assets/cn_src_note_docker.md.Dwk9bEUN.lean.js
index 209f7cac2b..aec36ac0b2 100644
--- a/assets/cn_src_note_docker.md.BeX3ffKU.lean.js
+++ b/assets/cn_src_note_docker.md.Dwk9bEUN.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as e,a3 as l}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"docker","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/note/docker.md","filePath":"cn/src/note/docker.md","lastUpdated":1728129125000}'),n={name:"cn/src/note/docker.md"};function h(t,s,p,k,d,r){return a(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[l(`<h1 id="docker" tabindex="-1">docker <a class="header-anchor" href="#docker" aria-label="Permalink to &quot;docker&quot;">​</a></h1><p>查询 <code>docker</code> 是否在运行：</p><ol><li>输入以下命令来查找 <code>Docker</code> 守护进程的 <code>PID</code>（进程 <code>ID</code>）：</li></ol><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ps</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -ef</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> grep</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docker</span></span></code></pre></div><p>如果命令返回了包含<code>/usr/local/bin/dockerd</code>（或类似路径）的行，并且 <code>PID</code> 列有数字显示，那么 <code>Docker</code> 守护进程正在运行。</p><ol start="2"><li>使用 <code>docker ps</code> 命令</li></ol><p>虽然 <code>docker ps</code> 命令主要用于列出正在运行的容器，但如果 <code>Docker</code> 服务没有运行，该命令会返回一个错误消息。因此，你也可以通过运行该命令并观察输出来判断 <code>Docker</code> 服务是否启动。</p><p>如果 <code>Docker</code> 服务正在运行，该命令将列出所有正在运行的容器（如果没有运行的容器，则可能只显示表头）。如果 <code>Docker</code> 服务没有运行，你将看到一个错误消息，如<code>“Cannot connect to the Docker daemon at unix:///var/run/docker.sock. Is the docker daemon running?”</code>。</p><ol start="3"><li>使用 <code>docker info</code> 命令</li></ol><p><code>docker info</code> 命令提供 <code>Docker</code> 系统的详细信息，包括容器数量、镜像数量、<code>Docker</code> 版本等。如果 <code>Docker</code> 服务正在运行，该命令将正常输出这些信息。</p><p>如果 <code>Docker</code> 服务正在运行，你将看到一系列关于 Docker 系统的信息。如果 Docker 服务没有运行，你将看到一个错误消息，与 docker ps 命令类似。</p><p>安装 <code>docker</code> 的网站：<code>https://hub.docker.com/</code></p><h2 id="images" tabindex="-1">images <a class="header-anchor" href="#images" aria-label="Permalink to &quot;images&quot;">​</a></h2><p><code>Docker</code> 把应用程序及其依赖，打包在 <code>image</code> 文件里面。只有通过这个文件，才能生成 <code>Docker</code> 容器。<code>image</code> 文件可以看作容器的模板。<code>Docker</code> 根据 <code>image</code> 文件生成的容器实例。同一个 <code>image</code> 文件，可以生成多个同时运行的容器实例</p><p><code>image</code> 是二进制文件。实际开发过程中，一个 <code>image</code> 文件往往通过继承另一个 <code>image</code> 文件，再加上一些个性化的设置而成。</p><div class="language-shell vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">shell</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"># 搜索镜像</span></span>
+import{_ as i,o as a,c as e,a3 as l}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"docker","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/note/docker.md","filePath":"cn/src/note/docker.md","lastUpdated":1728129344000}'),n={name:"cn/src/note/docker.md"};function h(t,s,p,k,d,r){return a(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[l(`<h1 id="docker" tabindex="-1">docker <a class="header-anchor" href="#docker" aria-label="Permalink to &quot;docker&quot;">​</a></h1><p>查询 <code>docker</code> 是否在运行：</p><ol><li>输入以下命令来查找 <code>Docker</code> 守护进程的 <code>PID</code>（进程 <code>ID</code>）：</li></ol><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ps</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -ef</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> grep</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docker</span></span></code></pre></div><p>如果命令返回了包含<code>/usr/local/bin/dockerd</code>（或类似路径）的行，并且 <code>PID</code> 列有数字显示，那么 <code>Docker</code> 守护进程正在运行。</p><ol start="2"><li>使用 <code>docker ps</code> 命令</li></ol><p>虽然 <code>docker ps</code> 命令主要用于列出正在运行的容器，但如果 <code>Docker</code> 服务没有运行，该命令会返回一个错误消息。因此，你也可以通过运行该命令并观察输出来判断 <code>Docker</code> 服务是否启动。</p><p>如果 <code>Docker</code> 服务正在运行，该命令将列出所有正在运行的容器（如果没有运行的容器，则可能只显示表头）。如果 <code>Docker</code> 服务没有运行，你将看到一个错误消息，如<code>“Cannot connect to the Docker daemon at unix:///var/run/docker.sock. Is the docker daemon running?”</code>。</p><ol start="3"><li>使用 <code>docker info</code> 命令</li></ol><p><code>docker info</code> 命令提供 <code>Docker</code> 系统的详细信息，包括容器数量、镜像数量、<code>Docker</code> 版本等。如果 <code>Docker</code> 服务正在运行，该命令将正常输出这些信息。</p><p>如果 <code>Docker</code> 服务正在运行，你将看到一系列关于 Docker 系统的信息。如果 Docker 服务没有运行，你将看到一个错误消息，与 docker ps 命令类似。</p><p>安装 <code>docker</code> 的网站：<code>https://hub.docker.com/</code></p><h2 id="images" tabindex="-1">images <a class="header-anchor" href="#images" aria-label="Permalink to &quot;images&quot;">​</a></h2><p><code>Docker</code> 把应用程序及其依赖，打包在 <code>image</code> 文件里面。只有通过这个文件，才能生成 <code>Docker</code> 容器。<code>image</code> 文件可以看作容器的模板。<code>Docker</code> 根据 <code>image</code> 文件生成的容器实例。同一个 <code>image</code> 文件，可以生成多个同时运行的容器实例</p><p><code>image</code> 是二进制文件。实际开发过程中，一个 <code>image</code> 文件往往通过继承另一个 <code>image</code> 文件，再加上一些个性化的设置而成。</p><div class="language-shell vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">shell</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"># 搜索镜像</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">$</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docker</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> search</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [keywords]</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"># 列出本机所有的image文件</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">$docker image ls</span></span>
diff --git a/assets/cn_src_note_libreoffice2wasm.md.DATIsYiT.js b/assets/cn_src_note_libreoffice2wasm.md.DG6uOQ65.js
similarity index 99%
rename from assets/cn_src_note_libreoffice2wasm.md.DATIsYiT.js
rename to assets/cn_src_note_libreoffice2wasm.md.DG6uOQ65.js
index 55474239ee..fa7d7d61c6 100644
--- a/assets/cn_src_note_libreoffice2wasm.md.DATIsYiT.js
+++ b/assets/cn_src_note_libreoffice2wasm.md.DG6uOQ65.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as e,a3 as l}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"克隆 Binaryen 仓库","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/note/libreoffice2wasm.md","filePath":"cn/src/note/libreoffice2wasm.md","lastUpdated":1728129125000}'),n={name:"cn/src/note/libreoffice2wasm.md"};function t(p,s,h,k,d,r){return a(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[l(`<h2 id="项目地址" tabindex="-1">项目地址： <a class="header-anchor" href="#项目地址" aria-label="Permalink to &quot;项目地址：&quot;">​</a></h2><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">git</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> clone</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> https://git.libreoffice.org/core</span></span></code></pre></div><p>github 地址：<code>https://github.com/LibreOffice/core/blob/master/static/README.wasm.md</code></p><h2 id="容器化环境" tabindex="-1">容器化环境 <a class="header-anchor" href="#容器化环境" aria-label="Permalink to &quot;容器化环境&quot;">​</a></h2><p>由于是 <code>c/c++</code> 的项目，编译过程需要很多系统级别配置。如果当前设备不支持的话，不建议强行去适配。可以进行容器化处理。</p><p>比如用一个最常见的服务器系统：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">docker</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> image</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> pull</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ubuntu</span></span></code></pre></div><p>下载完成后，就可以去构建一个服务了：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">docker</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> container</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -p</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> 30105:30105</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> --name=alit</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -itd</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ubuntu</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> /bin/bash</span></span></code></pre></div><p>构建并启动成功后，可以通过<code>docker container ls</code>去查看运行情况：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CONTAINER</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ID</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">   IMAGE</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">     COMMAND</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">       CREATED</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">         STATUS</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">         PORTS</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">                      NAMES</span></span>
+import{_ as i,o as a,c as e,a3 as l}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"克隆 Binaryen 仓库","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/note/libreoffice2wasm.md","filePath":"cn/src/note/libreoffice2wasm.md","lastUpdated":1728129344000}'),n={name:"cn/src/note/libreoffice2wasm.md"};function t(p,s,h,k,d,r){return a(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[l(`<h2 id="项目地址" tabindex="-1">项目地址： <a class="header-anchor" href="#项目地址" aria-label="Permalink to &quot;项目地址：&quot;">​</a></h2><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">git</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> clone</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> https://git.libreoffice.org/core</span></span></code></pre></div><p>github 地址：<code>https://github.com/LibreOffice/core/blob/master/static/README.wasm.md</code></p><h2 id="容器化环境" tabindex="-1">容器化环境 <a class="header-anchor" href="#容器化环境" aria-label="Permalink to &quot;容器化环境&quot;">​</a></h2><p>由于是 <code>c/c++</code> 的项目，编译过程需要很多系统级别配置。如果当前设备不支持的话，不建议强行去适配。可以进行容器化处理。</p><p>比如用一个最常见的服务器系统：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">docker</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> image</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> pull</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ubuntu</span></span></code></pre></div><p>下载完成后，就可以去构建一个服务了：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">docker</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> container</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -p</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> 30105:30105</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> --name=alit</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -itd</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ubuntu</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> /bin/bash</span></span></code></pre></div><p>构建并启动成功后，可以通过<code>docker container ls</code>去查看运行情况：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CONTAINER</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ID</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">   IMAGE</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">     COMMAND</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">       CREATED</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">         STATUS</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">         PORTS</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">                      NAMES</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">efd831ab0ba8</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">   ubuntu</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">    &quot;/bin/bash&quot;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">   5</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> seconds</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ago</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">   Up</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 4</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> seconds</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">   0.0.0.0:30105</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">-</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">30105/tcp</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">   alit</span></span></code></pre></div><p>再将项目移动到容器中：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">docker</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> cp</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ./core</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> alit:/home</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"># 总的来说，项目还是非常大的</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"># Successfully copied 3.59GB to alit:/home</span></span></code></pre></div><p>进入容器，进行操作。</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">docker</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> exec</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -it</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> alit</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> /bin/bash</span></span></code></pre></div><p>这样，就可以把开发构建环境和电脑系统隔离开，防止一些系统级别不安全的操作了。</p><h2 id="安装必要的依赖" tabindex="-1">安装必要的依赖： <a class="header-anchor" href="#安装必要的依赖" aria-label="Permalink to &quot;安装必要的依赖：&quot;">​</a></h2><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">dnf</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -y</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> git</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> cmake</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> python3</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> nodejs</span></span>
diff --git a/assets/cn_src_note_libreoffice2wasm.md.DATIsYiT.lean.js b/assets/cn_src_note_libreoffice2wasm.md.DG6uOQ65.lean.js
similarity index 99%
rename from assets/cn_src_note_libreoffice2wasm.md.DATIsYiT.lean.js
rename to assets/cn_src_note_libreoffice2wasm.md.DG6uOQ65.lean.js
index 55474239ee..fa7d7d61c6 100644
--- a/assets/cn_src_note_libreoffice2wasm.md.DATIsYiT.lean.js
+++ b/assets/cn_src_note_libreoffice2wasm.md.DG6uOQ65.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as e,a3 as l}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"克隆 Binaryen 仓库","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/note/libreoffice2wasm.md","filePath":"cn/src/note/libreoffice2wasm.md","lastUpdated":1728129125000}'),n={name:"cn/src/note/libreoffice2wasm.md"};function t(p,s,h,k,d,r){return a(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[l(`<h2 id="项目地址" tabindex="-1">项目地址： <a class="header-anchor" href="#项目地址" aria-label="Permalink to &quot;项目地址：&quot;">​</a></h2><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">git</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> clone</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> https://git.libreoffice.org/core</span></span></code></pre></div><p>github 地址：<code>https://github.com/LibreOffice/core/blob/master/static/README.wasm.md</code></p><h2 id="容器化环境" tabindex="-1">容器化环境 <a class="header-anchor" href="#容器化环境" aria-label="Permalink to &quot;容器化环境&quot;">​</a></h2><p>由于是 <code>c/c++</code> 的项目，编译过程需要很多系统级别配置。如果当前设备不支持的话，不建议强行去适配。可以进行容器化处理。</p><p>比如用一个最常见的服务器系统：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">docker</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> image</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> pull</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ubuntu</span></span></code></pre></div><p>下载完成后，就可以去构建一个服务了：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">docker</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> container</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -p</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> 30105:30105</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> --name=alit</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -itd</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ubuntu</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> /bin/bash</span></span></code></pre></div><p>构建并启动成功后，可以通过<code>docker container ls</code>去查看运行情况：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CONTAINER</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ID</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">   IMAGE</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">     COMMAND</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">       CREATED</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">         STATUS</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">         PORTS</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">                      NAMES</span></span>
+import{_ as i,o as a,c as e,a3 as l}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"克隆 Binaryen 仓库","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/note/libreoffice2wasm.md","filePath":"cn/src/note/libreoffice2wasm.md","lastUpdated":1728129344000}'),n={name:"cn/src/note/libreoffice2wasm.md"};function t(p,s,h,k,d,r){return a(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[l(`<h2 id="项目地址" tabindex="-1">项目地址： <a class="header-anchor" href="#项目地址" aria-label="Permalink to &quot;项目地址：&quot;">​</a></h2><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">git</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> clone</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> https://git.libreoffice.org/core</span></span></code></pre></div><p>github 地址：<code>https://github.com/LibreOffice/core/blob/master/static/README.wasm.md</code></p><h2 id="容器化环境" tabindex="-1">容器化环境 <a class="header-anchor" href="#容器化环境" aria-label="Permalink to &quot;容器化环境&quot;">​</a></h2><p>由于是 <code>c/c++</code> 的项目，编译过程需要很多系统级别配置。如果当前设备不支持的话，不建议强行去适配。可以进行容器化处理。</p><p>比如用一个最常见的服务器系统：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">docker</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> image</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> pull</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ubuntu</span></span></code></pre></div><p>下载完成后，就可以去构建一个服务了：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">docker</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> container</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -p</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> 30105:30105</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> --name=alit</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -itd</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ubuntu</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> /bin/bash</span></span></code></pre></div><p>构建并启动成功后，可以通过<code>docker container ls</code>去查看运行情况：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CONTAINER</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ID</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">   IMAGE</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">     COMMAND</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">       CREATED</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">         STATUS</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">         PORTS</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">                      NAMES</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">efd831ab0ba8</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">   ubuntu</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">    &quot;/bin/bash&quot;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">   5</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> seconds</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ago</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">   Up</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 4</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> seconds</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">   0.0.0.0:30105</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">-</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">30105/tcp</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">   alit</span></span></code></pre></div><p>再将项目移动到容器中：</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">docker</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> cp</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ./core</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> alit:/home</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"># 总的来说，项目还是非常大的</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"># Successfully copied 3.59GB to alit:/home</span></span></code></pre></div><p>进入容器，进行操作。</p><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">docker</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> exec</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -it</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> alit</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> /bin/bash</span></span></code></pre></div><p>这样，就可以把开发构建环境和电脑系统隔离开，防止一些系统级别不安全的操作了。</p><h2 id="安装必要的依赖" tabindex="-1">安装必要的依赖： <a class="header-anchor" href="#安装必要的依赖" aria-label="Permalink to &quot;安装必要的依赖：&quot;">​</a></h2><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">dnf</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -y</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> git</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> cmake</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> python3</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> nodejs</span></span>
diff --git a/assets/cn_src_note_ubuntu.md.C1lhavpN.js b/assets/cn_src_note_ubuntu.md.boe-scbt.js
similarity index 98%
rename from assets/cn_src_note_ubuntu.md.C1lhavpN.js
rename to assets/cn_src_note_ubuntu.md.boe-scbt.js
index ae1857f2c6..1e3076e122 100644
--- a/assets/cn_src_note_ubuntu.md.C1lhavpN.js
+++ b/assets/cn_src_note_ubuntu.md.boe-scbt.js
@@ -1,3 +1,3 @@
-import{_ as i,o as a,c as t,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"ubuntu","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/note/ubuntu.md","filePath":"cn/src/note/ubuntu.md","lastUpdated":1728129125000}'),h={name:"cn/src/note/ubuntu.md"};function l(k,s,e,p,F,d){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="ubuntu" tabindex="-1">ubuntu <a class="header-anchor" href="#ubuntu" aria-label="Permalink to &quot;ubuntu&quot;">​</a></h1><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">apt</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> update</span></span>
+import{_ as i,o as a,c as t,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"ubuntu","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/note/ubuntu.md","filePath":"cn/src/note/ubuntu.md","lastUpdated":1728129344000}'),h={name:"cn/src/note/ubuntu.md"};function l(k,s,e,p,F,d){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="ubuntu" tabindex="-1">ubuntu <a class="header-anchor" href="#ubuntu" aria-label="Permalink to &quot;ubuntu&quot;">​</a></h1><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">apt</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> update</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">apt</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> openjdk-11-jdk</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">  wget</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> curl</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> junit4</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ant</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libgstreamer1.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libgstreamer-plugins-base1.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libgstreamer-plugins-good1.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libgtk-3-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libglib2.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libatk1.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libcairo2-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> zip</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> flex</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> uuid-runtime</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> bison</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxrandr-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxrender-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxext-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libnss3-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libnspr4-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libkrb5-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> python3</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> python3-pip</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxml2-utils</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> xsltproc</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxslt1-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> gperf</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libfontconfig1-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libcups2-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> gcc</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> make</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> autoconf</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> pkg-config</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> automake</span></span></code></pre></div>`,2)]))}const u=i(h,[["render",l]]);export{g as __pageData,u as default};
diff --git a/assets/cn_src_note_ubuntu.md.C1lhavpN.lean.js b/assets/cn_src_note_ubuntu.md.boe-scbt.lean.js
similarity index 98%
rename from assets/cn_src_note_ubuntu.md.C1lhavpN.lean.js
rename to assets/cn_src_note_ubuntu.md.boe-scbt.lean.js
index ae1857f2c6..1e3076e122 100644
--- a/assets/cn_src_note_ubuntu.md.C1lhavpN.lean.js
+++ b/assets/cn_src_note_ubuntu.md.boe-scbt.lean.js
@@ -1,3 +1,3 @@
-import{_ as i,o as a,c as t,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"ubuntu","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/note/ubuntu.md","filePath":"cn/src/note/ubuntu.md","lastUpdated":1728129125000}'),h={name:"cn/src/note/ubuntu.md"};function l(k,s,e,p,F,d){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="ubuntu" tabindex="-1">ubuntu <a class="header-anchor" href="#ubuntu" aria-label="Permalink to &quot;ubuntu&quot;">​</a></h1><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">apt</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> update</span></span>
+import{_ as i,o as a,c as t,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"ubuntu","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/note/ubuntu.md","filePath":"cn/src/note/ubuntu.md","lastUpdated":1728129344000}'),h={name:"cn/src/note/ubuntu.md"};function l(k,s,e,p,F,d){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="ubuntu" tabindex="-1">ubuntu <a class="header-anchor" href="#ubuntu" aria-label="Permalink to &quot;ubuntu&quot;">​</a></h1><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">apt</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> update</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">apt</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> openjdk-11-jdk</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">  wget</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> curl</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> junit4</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ant</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libgstreamer1.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libgstreamer-plugins-base1.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libgstreamer-plugins-good1.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libgtk-3-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libglib2.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libatk1.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libcairo2-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> zip</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> flex</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> uuid-runtime</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> bison</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxrandr-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxrender-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxext-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libnss3-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libnspr4-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libkrb5-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> python3</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> python3-pip</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxml2-utils</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> xsltproc</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxslt1-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> gperf</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libfontconfig1-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libcups2-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> gcc</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> make</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> autoconf</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> pkg-config</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> automake</span></span></code></pre></div>`,2)]))}const u=i(h,[["render",l]]);export{g as __pageData,u as default};
diff --git a/assets/cn_src_ranui_button_index.md.B-YucaRE.js b/assets/cn_src_ranui_button_index.md.ByX0UCnc.js
similarity index 99%
rename from assets/cn_src_ranui_button_index.md.B-YucaRE.js
rename to assets/cn_src_ranui_button_index.md.ByX0UCnc.js
index 161ad9f290..70aff354c4 100644
--- a/assets/cn_src_ranui_button_index.md.B-YucaRE.js
+++ b/assets/cn_src_ranui_button_index.md.ByX0UCnc.js
@@ -1,4 +1,4 @@
-import{_ as a,o as n,c as l,a3 as s,j as t}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"Button 按钮","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/button/index.md","filePath":"cn/src/ranui/button/index.md","lastUpdated":1728129125000}'),h={name:"cn/src/ranui/button/index.md"};function p(e,i,k,r,d,E){return n(),l("div",{"data-pagefind-body":!0},i[0]||(i[0]=[s(`<h1 id="button-按钮" tabindex="-1">Button 按钮 <a class="header-anchor" href="#button-按钮" aria-label="Permalink to &quot;Button 按钮&quot;">​</a></h1><p>按钮用于开始一个即时操作。</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-button>Button</r-button><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;Button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="类型type" tabindex="-1">类型<code>type</code> <a class="header-anchor" href="#类型type" aria-label="Permalink to &quot;类型\`type\`&quot;">​</a></h3><p>按钮有四种类型</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="primary">主要按钮</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="warning">警告按钮</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="text">文本按钮</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button>默认按钮</r-button></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;主要按钮&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as a,o as n,c as l,a3 as s,j as t}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"Button 按钮","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/button/index.md","filePath":"cn/src/ranui/button/index.md","lastUpdated":1728129344000}'),h={name:"cn/src/ranui/button/index.md"};function p(e,i,k,r,d,E){return n(),l("div",{"data-pagefind-body":!0},i[0]||(i[0]=[s(`<h1 id="button-按钮" tabindex="-1">Button 按钮 <a class="header-anchor" href="#button-按钮" aria-label="Permalink to &quot;Button 按钮&quot;">​</a></h1><p>按钮用于开始一个即时操作。</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-button>Button</r-button><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;Button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="类型type" tabindex="-1">类型<code>type</code> <a class="header-anchor" href="#类型type" aria-label="Permalink to &quot;类型\`type\`&quot;">​</a></h3><p>按钮有四种类型</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="primary">主要按钮</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="warning">警告按钮</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="text">文本按钮</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button>默认按钮</r-button></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;主要按钮&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;warning&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;警告按钮&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;text&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;文本按钮&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;默认按钮&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="不可用状态disabled" tabindex="-1">不可用状态<code>disabled</code> <a class="header-anchor" href="#不可用状态disabled" aria-label="Permalink to &quot;不可用状态\`disabled\`&quot;">​</a></h3><p>添加 disabled 属性即可让按钮处于不可用状态，同时按钮样式也会改变。</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="primary" disabled>主要按钮</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="warning" disabled>警告按钮</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="text" disabled>文本按钮</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button disabled>默认按钮</r-button></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;主要按钮&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranui_button_index.md.B-YucaRE.lean.js b/assets/cn_src_ranui_button_index.md.ByX0UCnc.lean.js
similarity index 99%
rename from assets/cn_src_ranui_button_index.md.B-YucaRE.lean.js
rename to assets/cn_src_ranui_button_index.md.ByX0UCnc.lean.js
index 161ad9f290..70aff354c4 100644
--- a/assets/cn_src_ranui_button_index.md.B-YucaRE.lean.js
+++ b/assets/cn_src_ranui_button_index.md.ByX0UCnc.lean.js
@@ -1,4 +1,4 @@
-import{_ as a,o as n,c as l,a3 as s,j as t}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"Button 按钮","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/button/index.md","filePath":"cn/src/ranui/button/index.md","lastUpdated":1728129125000}'),h={name:"cn/src/ranui/button/index.md"};function p(e,i,k,r,d,E){return n(),l("div",{"data-pagefind-body":!0},i[0]||(i[0]=[s(`<h1 id="button-按钮" tabindex="-1">Button 按钮 <a class="header-anchor" href="#button-按钮" aria-label="Permalink to &quot;Button 按钮&quot;">​</a></h1><p>按钮用于开始一个即时操作。</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-button>Button</r-button><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;Button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="类型type" tabindex="-1">类型<code>type</code> <a class="header-anchor" href="#类型type" aria-label="Permalink to &quot;类型\`type\`&quot;">​</a></h3><p>按钮有四种类型</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="primary">主要按钮</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="warning">警告按钮</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="text">文本按钮</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button>默认按钮</r-button></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;主要按钮&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as a,o as n,c as l,a3 as s,j as t}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"Button 按钮","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/button/index.md","filePath":"cn/src/ranui/button/index.md","lastUpdated":1728129344000}'),h={name:"cn/src/ranui/button/index.md"};function p(e,i,k,r,d,E){return n(),l("div",{"data-pagefind-body":!0},i[0]||(i[0]=[s(`<h1 id="button-按钮" tabindex="-1">Button 按钮 <a class="header-anchor" href="#button-按钮" aria-label="Permalink to &quot;Button 按钮&quot;">​</a></h1><p>按钮用于开始一个即时操作。</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-button>Button</r-button><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;Button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="类型type" tabindex="-1">类型<code>type</code> <a class="header-anchor" href="#类型type" aria-label="Permalink to &quot;类型\`type\`&quot;">​</a></h3><p>按钮有四种类型</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="primary">主要按钮</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="warning">警告按钮</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="text">文本按钮</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button>默认按钮</r-button></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;主要按钮&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;warning&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;警告按钮&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;text&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;文本按钮&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;默认按钮&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="不可用状态disabled" tabindex="-1">不可用状态<code>disabled</code> <a class="header-anchor" href="#不可用状态disabled" aria-label="Permalink to &quot;不可用状态\`disabled\`&quot;">​</a></h3><p>添加 disabled 属性即可让按钮处于不可用状态，同时按钮样式也会改变。</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="primary" disabled>主要按钮</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="warning" disabled>警告按钮</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="text" disabled>文本按钮</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button disabled>默认按钮</r-button></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;主要按钮&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranui_checkbox_index.md.7OhoHSmh.js b/assets/cn_src_ranui_checkbox_index.md.Csmdnt0O.js
similarity index 99%
rename from assets/cn_src_ranui_checkbox_index.md.7OhoHSmh.js
rename to assets/cn_src_ranui_checkbox_index.md.Csmdnt0O.js
index 365e774c93..c31e8ba795 100644
--- a/assets/cn_src_ranui_checkbox_index.md.7OhoHSmh.js
+++ b/assets/cn_src_ranui_checkbox_index.md.Csmdnt0O.js
@@ -1,2 +1,2 @@
-import{_ as e,o as h,c as t,a3 as i,j as a}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"CheckBox 多选框","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/checkbox/index.md","filePath":"cn/src/ranui/checkbox/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/ranui/checkbox/index.md"};function n(k,s,c,p,d,r){return h(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[i('<h1 id="checkbox-多选框" tabindex="-1">CheckBox 多选框 <a class="header-anchor" href="#checkbox-多选框" aria-label="Permalink to &quot;CheckBox 多选框&quot;">​</a></h1><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-checkbox></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="checked" tabindex="-1"><code>checked</code> <a class="header-anchor" href="#checked" aria-label="Permalink to &quot;`checked`&quot;">​</a></h3><r-checkbox checked="true"></r-checkbox><r-checkbox checked="false"></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="disabled" tabindex="-1"><code>disabled</code> <a class="header-anchor" href="#disabled" aria-label="Permalink to &quot;`disabled`&quot;">​</a></h3><r-checkbox checked="true" disabled></r-checkbox><r-checkbox checked="false" disabled></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="事件event" tabindex="-1">事件<code>event</code> <a class="header-anchor" href="#事件event" aria-label="Permalink to &quot;事件`event`&quot;">​</a></h2><p>改变的时候触发。</p><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3>',16),a("r-checkbox",{onchange:"console.log(this.checked)"},null,-1),a("r-checkbox",{onchange:"console.log(this.checked)"},null,-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;console.log(this.checked)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as e,o as h,c as t,a3 as i,j as a}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"CheckBox 多选框","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/checkbox/index.md","filePath":"cn/src/ranui/checkbox/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/ranui/checkbox/index.md"};function n(k,s,c,p,d,r){return h(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[i('<h1 id="checkbox-多选框" tabindex="-1">CheckBox 多选框 <a class="header-anchor" href="#checkbox-多选框" aria-label="Permalink to &quot;CheckBox 多选框&quot;">​</a></h1><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-checkbox></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="checked" tabindex="-1"><code>checked</code> <a class="header-anchor" href="#checked" aria-label="Permalink to &quot;`checked`&quot;">​</a></h3><r-checkbox checked="true"></r-checkbox><r-checkbox checked="false"></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="disabled" tabindex="-1"><code>disabled</code> <a class="header-anchor" href="#disabled" aria-label="Permalink to &quot;`disabled`&quot;">​</a></h3><r-checkbox checked="true" disabled></r-checkbox><r-checkbox checked="false" disabled></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="事件event" tabindex="-1">事件<code>event</code> <a class="header-anchor" href="#事件event" aria-label="Permalink to &quot;事件`event`&quot;">​</a></h2><p>改变的时候触发。</p><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3>',16),a("r-checkbox",{onchange:"console.log(this.checked)"},null,-1),a("r-checkbox",{onchange:"console.log(this.checked)"},null,-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;console.log(this.checked)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;console.log(this.checked)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>`,1)]))}const g=e(l,[["render",n]]);export{E as __pageData,g as default};
diff --git a/assets/cn_src_ranui_checkbox_index.md.7OhoHSmh.lean.js b/assets/cn_src_ranui_checkbox_index.md.Csmdnt0O.lean.js
similarity index 99%
rename from assets/cn_src_ranui_checkbox_index.md.7OhoHSmh.lean.js
rename to assets/cn_src_ranui_checkbox_index.md.Csmdnt0O.lean.js
index 365e774c93..c31e8ba795 100644
--- a/assets/cn_src_ranui_checkbox_index.md.7OhoHSmh.lean.js
+++ b/assets/cn_src_ranui_checkbox_index.md.Csmdnt0O.lean.js
@@ -1,2 +1,2 @@
-import{_ as e,o as h,c as t,a3 as i,j as a}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"CheckBox 多选框","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/checkbox/index.md","filePath":"cn/src/ranui/checkbox/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/ranui/checkbox/index.md"};function n(k,s,c,p,d,r){return h(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[i('<h1 id="checkbox-多选框" tabindex="-1">CheckBox 多选框 <a class="header-anchor" href="#checkbox-多选框" aria-label="Permalink to &quot;CheckBox 多选框&quot;">​</a></h1><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-checkbox></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="checked" tabindex="-1"><code>checked</code> <a class="header-anchor" href="#checked" aria-label="Permalink to &quot;`checked`&quot;">​</a></h3><r-checkbox checked="true"></r-checkbox><r-checkbox checked="false"></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="disabled" tabindex="-1"><code>disabled</code> <a class="header-anchor" href="#disabled" aria-label="Permalink to &quot;`disabled`&quot;">​</a></h3><r-checkbox checked="true" disabled></r-checkbox><r-checkbox checked="false" disabled></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="事件event" tabindex="-1">事件<code>event</code> <a class="header-anchor" href="#事件event" aria-label="Permalink to &quot;事件`event`&quot;">​</a></h2><p>改变的时候触发。</p><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3>',16),a("r-checkbox",{onchange:"console.log(this.checked)"},null,-1),a("r-checkbox",{onchange:"console.log(this.checked)"},null,-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;console.log(this.checked)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as e,o as h,c as t,a3 as i,j as a}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"CheckBox 多选框","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/checkbox/index.md","filePath":"cn/src/ranui/checkbox/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/ranui/checkbox/index.md"};function n(k,s,c,p,d,r){return h(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[i('<h1 id="checkbox-多选框" tabindex="-1">CheckBox 多选框 <a class="header-anchor" href="#checkbox-多选框" aria-label="Permalink to &quot;CheckBox 多选框&quot;">​</a></h1><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-checkbox></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="checked" tabindex="-1"><code>checked</code> <a class="header-anchor" href="#checked" aria-label="Permalink to &quot;`checked`&quot;">​</a></h3><r-checkbox checked="true"></r-checkbox><r-checkbox checked="false"></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="disabled" tabindex="-1"><code>disabled</code> <a class="header-anchor" href="#disabled" aria-label="Permalink to &quot;`disabled`&quot;">​</a></h3><r-checkbox checked="true" disabled></r-checkbox><r-checkbox checked="false" disabled></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="事件event" tabindex="-1">事件<code>event</code> <a class="header-anchor" href="#事件event" aria-label="Permalink to &quot;事件`event`&quot;">​</a></h2><p>改变的时候触发。</p><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3>',16),a("r-checkbox",{onchange:"console.log(this.checked)"},null,-1),a("r-checkbox",{onchange:"console.log(this.checked)"},null,-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;console.log(this.checked)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;console.log(this.checked)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>`,1)]))}const g=e(l,[["render",n]]);export{E as __pageData,g as default};
diff --git a/assets/cn_src_ranui_icon_index.md.7jVbQ82_.js b/assets/cn_src_ranui_icon_index.md.VgKq_hwc.js
similarity index 99%
rename from assets/cn_src_ranui_icon_index.md.7jVbQ82_.js
rename to assets/cn_src_ranui_icon_index.md.VgKq_hwc.js
index 3b200e52c4..c96cfc020b 100644
--- a/assets/cn_src_ranui_icon_index.md.7jVbQ82_.js
+++ b/assets/cn_src_ranui_icon_index.md.VgKq_hwc.js
@@ -1,4 +1,4 @@
-import{_ as p,o as E,c as r,a3 as e,j as n}from"./chunks/framework.eq-HTtE3.js";const o=()=>{setTimeout(()=>{const l=["add-user","book","check-circle","close-circle","eye-close","eye","info-circle","loading","lock","message","power-off","setting","team","unlock","user"];if(typeof document<"u"){const a=document.getElementById("icon-list"),s=document.createElement("div");s.style.setProperty("display","grid"),s.style.setProperty("grid-template-columns","repeat(3, 200px)"),s.style.setProperty("grid-template-rows","repeat(3, 200px);"),l.forEach(h=>{const i=document.createElement("div");i.style.setProperty("display","flex"),i.style.setProperty("align-items","center"),i.style.setProperty("margin","15px"),i.style.setProperty("justify-content","center"),i.style.setProperty("flex-flow","column nowrap");const t=document.createElement("r-icon");t.setAttribute("name",h),t.setAttribute("size","50"),i.appendChild(t);const k=document.createElement("span");k.innerHTML=h,i.appendChild(k),s==null||s.appendChild(i)}),a==null||a.appendChild(s)}},0)};o();const y=JSON.parse('{"title":"Icon 图标","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/icon/index.md","filePath":"cn/src/ranui/icon/index.md","lastUpdated":1728129125000}'),d={name:"cn/src/ranui/icon/index.md"};function g(l,a,s,h,i,t){return E(),r("div",{"data-pagefind-body":!0},a[0]||(a[0]=[e(`<h1 id="icon-图标" tabindex="-1">Icon 图标 <a class="header-anchor" href="#icon-图标" aria-label="Permalink to &quot;Icon 图标&quot;">​</a></h1><p>语义化的矢量图形</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div style="display:flex;"><r-icon name="lock" size="50"></r-icon><r-icon name="eye" size="50"></r-icon><r-icon name="user" size="50"></r-icon></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as p,o as E,c as r,a3 as e,j as n}from"./chunks/framework.eq-HTtE3.js";const o=()=>{setTimeout(()=>{const l=["add-user","book","check-circle","close-circle","eye-close","eye","info-circle","loading","lock","message","power-off","setting","team","unlock","user"];if(typeof document<"u"){const a=document.getElementById("icon-list"),s=document.createElement("div");s.style.setProperty("display","grid"),s.style.setProperty("grid-template-columns","repeat(3, 200px)"),s.style.setProperty("grid-template-rows","repeat(3, 200px);"),l.forEach(h=>{const i=document.createElement("div");i.style.setProperty("display","flex"),i.style.setProperty("align-items","center"),i.style.setProperty("margin","15px"),i.style.setProperty("justify-content","center"),i.style.setProperty("flex-flow","column nowrap");const t=document.createElement("r-icon");t.setAttribute("name",h),t.setAttribute("size","50"),i.appendChild(t);const k=document.createElement("span");k.innerHTML=h,i.appendChild(k),s==null||s.appendChild(i)}),a==null||a.appendChild(s)}},0)};o();const y=JSON.parse('{"title":"Icon 图标","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/icon/index.md","filePath":"cn/src/ranui/icon/index.md","lastUpdated":1728129344000}'),d={name:"cn/src/ranui/icon/index.md"};function g(l,a,s,h,i,t){return E(),r("div",{"data-pagefind-body":!0},a[0]||(a[0]=[e(`<h1 id="icon-图标" tabindex="-1">Icon 图标 <a class="header-anchor" href="#icon-图标" aria-label="Permalink to &quot;Icon 图标&quot;">​</a></h1><p>语义化的矢量图形</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div style="display:flex;"><r-icon name="lock" size="50"></r-icon><r-icon name="eye" size="50"></r-icon><r-icon name="user" size="50"></r-icon></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;eye&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="名称name" tabindex="-1">名称<code>name</code> <a class="header-anchor" href="#名称name" aria-label="Permalink to &quot;名称\`name\`&quot;">​</a></h3><p>根据名称选择不同的图标</p><div style="display:flex;"><r-icon name="lock" size="50"></r-icon><r-icon name="eye" size="50"></r-icon><r-icon name="user" size="50"></r-icon></div><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;eye&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranui_icon_index.md.7jVbQ82_.lean.js b/assets/cn_src_ranui_icon_index.md.VgKq_hwc.lean.js
similarity index 99%
rename from assets/cn_src_ranui_icon_index.md.7jVbQ82_.lean.js
rename to assets/cn_src_ranui_icon_index.md.VgKq_hwc.lean.js
index 3b200e52c4..c96cfc020b 100644
--- a/assets/cn_src_ranui_icon_index.md.7jVbQ82_.lean.js
+++ b/assets/cn_src_ranui_icon_index.md.VgKq_hwc.lean.js
@@ -1,4 +1,4 @@
-import{_ as p,o as E,c as r,a3 as e,j as n}from"./chunks/framework.eq-HTtE3.js";const o=()=>{setTimeout(()=>{const l=["add-user","book","check-circle","close-circle","eye-close","eye","info-circle","loading","lock","message","power-off","setting","team","unlock","user"];if(typeof document<"u"){const a=document.getElementById("icon-list"),s=document.createElement("div");s.style.setProperty("display","grid"),s.style.setProperty("grid-template-columns","repeat(3, 200px)"),s.style.setProperty("grid-template-rows","repeat(3, 200px);"),l.forEach(h=>{const i=document.createElement("div");i.style.setProperty("display","flex"),i.style.setProperty("align-items","center"),i.style.setProperty("margin","15px"),i.style.setProperty("justify-content","center"),i.style.setProperty("flex-flow","column nowrap");const t=document.createElement("r-icon");t.setAttribute("name",h),t.setAttribute("size","50"),i.appendChild(t);const k=document.createElement("span");k.innerHTML=h,i.appendChild(k),s==null||s.appendChild(i)}),a==null||a.appendChild(s)}},0)};o();const y=JSON.parse('{"title":"Icon 图标","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/icon/index.md","filePath":"cn/src/ranui/icon/index.md","lastUpdated":1728129125000}'),d={name:"cn/src/ranui/icon/index.md"};function g(l,a,s,h,i,t){return E(),r("div",{"data-pagefind-body":!0},a[0]||(a[0]=[e(`<h1 id="icon-图标" tabindex="-1">Icon 图标 <a class="header-anchor" href="#icon-图标" aria-label="Permalink to &quot;Icon 图标&quot;">​</a></h1><p>语义化的矢量图形</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div style="display:flex;"><r-icon name="lock" size="50"></r-icon><r-icon name="eye" size="50"></r-icon><r-icon name="user" size="50"></r-icon></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as p,o as E,c as r,a3 as e,j as n}from"./chunks/framework.eq-HTtE3.js";const o=()=>{setTimeout(()=>{const l=["add-user","book","check-circle","close-circle","eye-close","eye","info-circle","loading","lock","message","power-off","setting","team","unlock","user"];if(typeof document<"u"){const a=document.getElementById("icon-list"),s=document.createElement("div");s.style.setProperty("display","grid"),s.style.setProperty("grid-template-columns","repeat(3, 200px)"),s.style.setProperty("grid-template-rows","repeat(3, 200px);"),l.forEach(h=>{const i=document.createElement("div");i.style.setProperty("display","flex"),i.style.setProperty("align-items","center"),i.style.setProperty("margin","15px"),i.style.setProperty("justify-content","center"),i.style.setProperty("flex-flow","column nowrap");const t=document.createElement("r-icon");t.setAttribute("name",h),t.setAttribute("size","50"),i.appendChild(t);const k=document.createElement("span");k.innerHTML=h,i.appendChild(k),s==null||s.appendChild(i)}),a==null||a.appendChild(s)}},0)};o();const y=JSON.parse('{"title":"Icon 图标","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/icon/index.md","filePath":"cn/src/ranui/icon/index.md","lastUpdated":1728129344000}'),d={name:"cn/src/ranui/icon/index.md"};function g(l,a,s,h,i,t){return E(),r("div",{"data-pagefind-body":!0},a[0]||(a[0]=[e(`<h1 id="icon-图标" tabindex="-1">Icon 图标 <a class="header-anchor" href="#icon-图标" aria-label="Permalink to &quot;Icon 图标&quot;">​</a></h1><p>语义化的矢量图形</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div style="display:flex;"><r-icon name="lock" size="50"></r-icon><r-icon name="eye" size="50"></r-icon><r-icon name="user" size="50"></r-icon></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;eye&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="名称name" tabindex="-1">名称<code>name</code> <a class="header-anchor" href="#名称name" aria-label="Permalink to &quot;名称\`name\`&quot;">​</a></h3><p>根据名称选择不同的图标</p><div style="display:flex;"><r-icon name="lock" size="50"></r-icon><r-icon name="eye" size="50"></r-icon><r-icon name="user" size="50"></r-icon></div><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;eye&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranui_image_index.md.CEdjKNte.js b/assets/cn_src_ranui_image_index.md.DTxkaIXi.js
similarity index 98%
rename from assets/cn_src_ranui_image_index.md.CEdjKNte.js
rename to assets/cn_src_ranui_image_index.md.DTxkaIXi.js
index 606e67477b..1c19c96fd5 100644
--- a/assets/cn_src_ranui_image_index.md.CEdjKNte.js
+++ b/assets/cn_src_ranui_image_index.md.DTxkaIXi.js
@@ -1 +1 @@
-import{_ as a,o as E,c as i,a3 as Q,j as e}from"./chunks/framework.eq-HTtE3.js";const B=JSON.parse('{"title":"Image 图片","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/image/index.md","filePath":"cn/src/ranui/image/index.md","lastUpdated":1728129125000}'),g={name:"cn/src/ranui/image/index.md"};function s(n,A,t,h,o,l){return E(),i("div",{"data-pagefind-body":!0},A[0]||(A[0]=[Q('<h1 id="image-图片" tabindex="-1">Image 图片 <a class="header-anchor" href="#image-图片" aria-label="Permalink to &quot;Image 图片&quot;">​</a></h1><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> fallback</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="图片加载地址src" tabindex="-1">图片加载地址<code>src</code> <a class="header-anchor" href="#图片加载地址src" aria-label="Permalink to &quot;图片加载地址`src`&quot;">​</a></h3><p>图片的地址</p><h3 id="图片加载失败fallback" tabindex="-1">图片加载失败<code>fallback</code> <a class="header-anchor" href="#图片加载失败fallback" aria-label="Permalink to &quot;图片加载失败`fallback`&quot;">​</a></h3><p><code>src</code>配置的图片加载失败，兜底的图片地址，下面是默认加载失败图片</p>',8),e("r-img",{fallback:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg=="},null,-1)]))}const r=a(g,[["render",s]]);export{B as __pageData,r as default};
+import{_ as a,o as E,c as i,a3 as Q,j as e}from"./chunks/framework.eq-HTtE3.js";const B=JSON.parse('{"title":"Image 图片","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/image/index.md","filePath":"cn/src/ranui/image/index.md","lastUpdated":1728129344000}'),g={name:"cn/src/ranui/image/index.md"};function s(n,A,t,h,o,l){return E(),i("div",{"data-pagefind-body":!0},A[0]||(A[0]=[Q('<h1 id="image-图片" tabindex="-1">Image 图片 <a class="header-anchor" href="#image-图片" aria-label="Permalink to &quot;Image 图片&quot;">​</a></h1><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> fallback</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="图片加载地址src" tabindex="-1">图片加载地址<code>src</code> <a class="header-anchor" href="#图片加载地址src" aria-label="Permalink to &quot;图片加载地址`src`&quot;">​</a></h3><p>图片的地址</p><h3 id="图片加载失败fallback" tabindex="-1">图片加载失败<code>fallback</code> <a class="header-anchor" href="#图片加载失败fallback" aria-label="Permalink to &quot;图片加载失败`fallback`&quot;">​</a></h3><p><code>src</code>配置的图片加载失败，兜底的图片地址，下面是默认加载失败图片</p>',8),e("r-img",{fallback:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg=="},null,-1)]))}const r=a(g,[["render",s]]);export{B as __pageData,r as default};
diff --git a/assets/cn_src_ranui_image_index.md.CEdjKNte.lean.js b/assets/cn_src_ranui_image_index.md.DTxkaIXi.lean.js
similarity index 98%
rename from assets/cn_src_ranui_image_index.md.CEdjKNte.lean.js
rename to assets/cn_src_ranui_image_index.md.DTxkaIXi.lean.js
index 606e67477b..1c19c96fd5 100644
--- a/assets/cn_src_ranui_image_index.md.CEdjKNte.lean.js
+++ b/assets/cn_src_ranui_image_index.md.DTxkaIXi.lean.js
@@ -1 +1 @@
-import{_ as a,o as E,c as i,a3 as Q,j as e}from"./chunks/framework.eq-HTtE3.js";const B=JSON.parse('{"title":"Image 图片","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/image/index.md","filePath":"cn/src/ranui/image/index.md","lastUpdated":1728129125000}'),g={name:"cn/src/ranui/image/index.md"};function s(n,A,t,h,o,l){return E(),i("div",{"data-pagefind-body":!0},A[0]||(A[0]=[Q('<h1 id="image-图片" tabindex="-1">Image 图片 <a class="header-anchor" href="#image-图片" aria-label="Permalink to &quot;Image 图片&quot;">​</a></h1><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> fallback</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="图片加载地址src" tabindex="-1">图片加载地址<code>src</code> <a class="header-anchor" href="#图片加载地址src" aria-label="Permalink to &quot;图片加载地址`src`&quot;">​</a></h3><p>图片的地址</p><h3 id="图片加载失败fallback" tabindex="-1">图片加载失败<code>fallback</code> <a class="header-anchor" href="#图片加载失败fallback" aria-label="Permalink to &quot;图片加载失败`fallback`&quot;">​</a></h3><p><code>src</code>配置的图片加载失败，兜底的图片地址，下面是默认加载失败图片</p>',8),e("r-img",{fallback:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg=="},null,-1)]))}const r=a(g,[["render",s]]);export{B as __pageData,r as default};
+import{_ as a,o as E,c as i,a3 as Q,j as e}from"./chunks/framework.eq-HTtE3.js";const B=JSON.parse('{"title":"Image 图片","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/image/index.md","filePath":"cn/src/ranui/image/index.md","lastUpdated":1728129344000}'),g={name:"cn/src/ranui/image/index.md"};function s(n,A,t,h,o,l){return E(),i("div",{"data-pagefind-body":!0},A[0]||(A[0]=[Q('<h1 id="image-图片" tabindex="-1">Image 图片 <a class="header-anchor" href="#image-图片" aria-label="Permalink to &quot;Image 图片&quot;">​</a></h1><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> fallback</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="图片加载地址src" tabindex="-1">图片加载地址<code>src</code> <a class="header-anchor" href="#图片加载地址src" aria-label="Permalink to &quot;图片加载地址`src`&quot;">​</a></h3><p>图片的地址</p><h3 id="图片加载失败fallback" tabindex="-1">图片加载失败<code>fallback</code> <a class="header-anchor" href="#图片加载失败fallback" aria-label="Permalink to &quot;图片加载失败`fallback`&quot;">​</a></h3><p><code>src</code>配置的图片加载失败，兜底的图片地址，下面是默认加载失败图片</p>',8),e("r-img",{fallback:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg=="},null,-1)]))}const r=a(g,[["render",s]]);export{B as __pageData,r as default};
diff --git a/assets/cn_src_ranui_index.md.Cv0LhI4v.js b/assets/cn_src_ranui_index.md.DbAIrpTI.js
similarity index 99%
rename from assets/cn_src_ranui_index.md.Cv0LhI4v.js
rename to assets/cn_src_ranui_index.md.DbAIrpTI.js
index 8dfdf423a0..b2771c7b49 100644
--- a/assets/cn_src_ranui_index.md.Cv0LhI4v.js
+++ b/assets/cn_src_ranui_index.md.DbAIrpTI.js
@@ -1,4 +1,4 @@
-import{_ as t}from"./chunks/customElements.qitHOM3M.js";import{_ as n,o as l,c as h,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"ranui","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/index.md","filePath":"cn/src/ranui/index.md","lastUpdated":1728129125000}'),e={name:"cn/src/ranui/index.md"};function p(k,a,r,E,d,g){return l(),h("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="ranui" tabindex="-1">ranui <a class="header-anchor" href="#ranui" aria-label="Permalink to &quot;ranui&quot;">​</a></h1><p>基于 <code>Web Components</code>开发方案</p><h2 id="特点" tabindex="-1">特点 <a class="header-anchor" href="#特点" aria-label="Permalink to &quot;特点&quot;">​</a></h2><ol><li><strong>跨框架兼容：</strong> 与 React, Vue, Preact, SolidJS, Svelte 等兼容。可以和遵循 W3C 标准的任何 JavaScript 项目集成。</li><li><strong>原生体验：</strong> 易于入门，像使用本地 div 标签，简化项目大小和减少学习成本。</li><li><strong>模块化设计：</strong> 可选导入和全量导入，以增强可维护性和可伸缩性。</li><li><strong>交互式丰富文档：</strong> 提供详细的交互式文档，并附有有效的示例子。</li><li><strong>支持类型校验：</strong> 基于 TypeScript 构建，具有类型支持，确保代码的健壮性和可维护性。</li><li><strong>持久和稳定：</strong> 与框架 (React/vue) 无关，避免破坏性的更新，并确保持续的项目运行。</li></ol><h2 id="安装" tabindex="-1">安装 <a class="header-anchor" href="#安装" aria-label="Permalink to &quot;安装&quot;">​</a></h2><p>使用 npm:</p><div class="language-console vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">console</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">npm install ranui --save</span></span></code></pre></div><h2 id="引入方式" tabindex="-1">引入方式 <a class="header-anchor" href="#引入方式" aria-label="Permalink to &quot;引入方式&quot;">​</a></h2><p>支持按需导入，以显著减少包体积大小</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/button&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>如果遇到样式问题，可以选择手动导入样式文件</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/style&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>如果遇到类型问题，可以选择手动导入类型文件</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/types&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>或者</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/dist/typings&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>也支持全量导入</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><ul><li>ES module</li></ul><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>或者</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/button&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><ul><li>UMD, IIFE, CJS</li></ul><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;./ranui/dist/umd/index.umd.cjs&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="使用方式" tabindex="-1">使用方式 <a class="header-anchor" href="#使用方式" aria-label="Permalink to &quot;使用方式&quot;">​</a></h2><p>它是基于<code>Web Components</code>的组件，你可以不用关注框架就可以使用它。</p><p>在大多数情况下，您可以像使用本地 <code>div</code> 标签一样使用它</p><p>下面是一些例子：</p><ul><li>html</li><li>js</li><li>jsx</li><li>vue</li><li>tsx</li></ul><h3 id="html" tabindex="-1">html <a class="header-anchor" href="#html" aria-label="Permalink to &quot;html&quot;">​</a></h3><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;./ranui/dist/umd/index.umd.cjs&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as t}from"./chunks/customElements.qitHOM3M.js";import{_ as n,o as l,c as h,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"ranui","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/index.md","filePath":"cn/src/ranui/index.md","lastUpdated":1728129344000}'),e={name:"cn/src/ranui/index.md"};function p(k,a,r,E,d,g){return l(),h("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="ranui" tabindex="-1">ranui <a class="header-anchor" href="#ranui" aria-label="Permalink to &quot;ranui&quot;">​</a></h1><p>基于 <code>Web Components</code>开发方案</p><h2 id="特点" tabindex="-1">特点 <a class="header-anchor" href="#特点" aria-label="Permalink to &quot;特点&quot;">​</a></h2><ol><li><strong>跨框架兼容：</strong> 与 React, Vue, Preact, SolidJS, Svelte 等兼容。可以和遵循 W3C 标准的任何 JavaScript 项目集成。</li><li><strong>原生体验：</strong> 易于入门，像使用本地 div 标签，简化项目大小和减少学习成本。</li><li><strong>模块化设计：</strong> 可选导入和全量导入，以增强可维护性和可伸缩性。</li><li><strong>交互式丰富文档：</strong> 提供详细的交互式文档，并附有有效的示例子。</li><li><strong>支持类型校验：</strong> 基于 TypeScript 构建，具有类型支持，确保代码的健壮性和可维护性。</li><li><strong>持久和稳定：</strong> 与框架 (React/vue) 无关，避免破坏性的更新，并确保持续的项目运行。</li></ol><h2 id="安装" tabindex="-1">安装 <a class="header-anchor" href="#安装" aria-label="Permalink to &quot;安装&quot;">​</a></h2><p>使用 npm:</p><div class="language-console vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">console</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">npm install ranui --save</span></span></code></pre></div><h2 id="引入方式" tabindex="-1">引入方式 <a class="header-anchor" href="#引入方式" aria-label="Permalink to &quot;引入方式&quot;">​</a></h2><p>支持按需导入，以显著减少包体积大小</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/button&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>如果遇到样式问题，可以选择手动导入样式文件</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/style&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>如果遇到类型问题，可以选择手动导入类型文件</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/types&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>或者</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/dist/typings&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>也支持全量导入</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><ul><li>ES module</li></ul><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>或者</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/button&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><ul><li>UMD, IIFE, CJS</li></ul><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;./ranui/dist/umd/index.umd.cjs&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="使用方式" tabindex="-1">使用方式 <a class="header-anchor" href="#使用方式" aria-label="Permalink to &quot;使用方式&quot;">​</a></h2><p>它是基于<code>Web Components</code>的组件，你可以不用关注框架就可以使用它。</p><p>在大多数情况下，您可以像使用本地 <code>div</code> 标签一样使用它</p><p>下面是一些例子：</p><ul><li>html</li><li>js</li><li>jsx</li><li>vue</li><li>tsx</li></ul><h3 id="html" tabindex="-1">html <a class="header-anchor" href="#html" aria-label="Permalink to &quot;html&quot;">​</a></h3><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;./ranui/dist/umd/index.umd.cjs&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">body</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranui_index.md.Cv0LhI4v.lean.js b/assets/cn_src_ranui_index.md.DbAIrpTI.lean.js
similarity index 99%
rename from assets/cn_src_ranui_index.md.Cv0LhI4v.lean.js
rename to assets/cn_src_ranui_index.md.DbAIrpTI.lean.js
index 8dfdf423a0..b2771c7b49 100644
--- a/assets/cn_src_ranui_index.md.Cv0LhI4v.lean.js
+++ b/assets/cn_src_ranui_index.md.DbAIrpTI.lean.js
@@ -1,4 +1,4 @@
-import{_ as t}from"./chunks/customElements.qitHOM3M.js";import{_ as n,o as l,c as h,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"ranui","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/index.md","filePath":"cn/src/ranui/index.md","lastUpdated":1728129125000}'),e={name:"cn/src/ranui/index.md"};function p(k,a,r,E,d,g){return l(),h("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="ranui" tabindex="-1">ranui <a class="header-anchor" href="#ranui" aria-label="Permalink to &quot;ranui&quot;">​</a></h1><p>基于 <code>Web Components</code>开发方案</p><h2 id="特点" tabindex="-1">特点 <a class="header-anchor" href="#特点" aria-label="Permalink to &quot;特点&quot;">​</a></h2><ol><li><strong>跨框架兼容：</strong> 与 React, Vue, Preact, SolidJS, Svelte 等兼容。可以和遵循 W3C 标准的任何 JavaScript 项目集成。</li><li><strong>原生体验：</strong> 易于入门，像使用本地 div 标签，简化项目大小和减少学习成本。</li><li><strong>模块化设计：</strong> 可选导入和全量导入，以增强可维护性和可伸缩性。</li><li><strong>交互式丰富文档：</strong> 提供详细的交互式文档，并附有有效的示例子。</li><li><strong>支持类型校验：</strong> 基于 TypeScript 构建，具有类型支持，确保代码的健壮性和可维护性。</li><li><strong>持久和稳定：</strong> 与框架 (React/vue) 无关，避免破坏性的更新，并确保持续的项目运行。</li></ol><h2 id="安装" tabindex="-1">安装 <a class="header-anchor" href="#安装" aria-label="Permalink to &quot;安装&quot;">​</a></h2><p>使用 npm:</p><div class="language-console vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">console</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">npm install ranui --save</span></span></code></pre></div><h2 id="引入方式" tabindex="-1">引入方式 <a class="header-anchor" href="#引入方式" aria-label="Permalink to &quot;引入方式&quot;">​</a></h2><p>支持按需导入，以显著减少包体积大小</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/button&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>如果遇到样式问题，可以选择手动导入样式文件</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/style&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>如果遇到类型问题，可以选择手动导入类型文件</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/types&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>或者</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/dist/typings&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>也支持全量导入</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><ul><li>ES module</li></ul><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>或者</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/button&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><ul><li>UMD, IIFE, CJS</li></ul><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;./ranui/dist/umd/index.umd.cjs&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="使用方式" tabindex="-1">使用方式 <a class="header-anchor" href="#使用方式" aria-label="Permalink to &quot;使用方式&quot;">​</a></h2><p>它是基于<code>Web Components</code>的组件，你可以不用关注框架就可以使用它。</p><p>在大多数情况下，您可以像使用本地 <code>div</code> 标签一样使用它</p><p>下面是一些例子：</p><ul><li>html</li><li>js</li><li>jsx</li><li>vue</li><li>tsx</li></ul><h3 id="html" tabindex="-1">html <a class="header-anchor" href="#html" aria-label="Permalink to &quot;html&quot;">​</a></h3><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;./ranui/dist/umd/index.umd.cjs&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as t}from"./chunks/customElements.qitHOM3M.js";import{_ as n,o as l,c as h,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"ranui","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/index.md","filePath":"cn/src/ranui/index.md","lastUpdated":1728129344000}'),e={name:"cn/src/ranui/index.md"};function p(k,a,r,E,d,g){return l(),h("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="ranui" tabindex="-1">ranui <a class="header-anchor" href="#ranui" aria-label="Permalink to &quot;ranui&quot;">​</a></h1><p>基于 <code>Web Components</code>开发方案</p><h2 id="特点" tabindex="-1">特点 <a class="header-anchor" href="#特点" aria-label="Permalink to &quot;特点&quot;">​</a></h2><ol><li><strong>跨框架兼容：</strong> 与 React, Vue, Preact, SolidJS, Svelte 等兼容。可以和遵循 W3C 标准的任何 JavaScript 项目集成。</li><li><strong>原生体验：</strong> 易于入门，像使用本地 div 标签，简化项目大小和减少学习成本。</li><li><strong>模块化设计：</strong> 可选导入和全量导入，以增强可维护性和可伸缩性。</li><li><strong>交互式丰富文档：</strong> 提供详细的交互式文档，并附有有效的示例子。</li><li><strong>支持类型校验：</strong> 基于 TypeScript 构建，具有类型支持，确保代码的健壮性和可维护性。</li><li><strong>持久和稳定：</strong> 与框架 (React/vue) 无关，避免破坏性的更新，并确保持续的项目运行。</li></ol><h2 id="安装" tabindex="-1">安装 <a class="header-anchor" href="#安装" aria-label="Permalink to &quot;安装&quot;">​</a></h2><p>使用 npm:</p><div class="language-console vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">console</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">npm install ranui --save</span></span></code></pre></div><h2 id="引入方式" tabindex="-1">引入方式 <a class="header-anchor" href="#引入方式" aria-label="Permalink to &quot;引入方式&quot;">​</a></h2><p>支持按需导入，以显著减少包体积大小</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/button&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>如果遇到样式问题，可以选择手动导入样式文件</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/style&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>如果遇到类型问题，可以选择手动导入类型文件</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/types&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>或者</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/dist/typings&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>也支持全量导入</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><ul><li>ES module</li></ul><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>或者</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranui/button&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><ul><li>UMD, IIFE, CJS</li></ul><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;./ranui/dist/umd/index.umd.cjs&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="使用方式" tabindex="-1">使用方式 <a class="header-anchor" href="#使用方式" aria-label="Permalink to &quot;使用方式&quot;">​</a></h2><p>它是基于<code>Web Components</code>的组件，你可以不用关注框架就可以使用它。</p><p>在大多数情况下，您可以像使用本地 <code>div</code> 标签一样使用它</p><p>下面是一些例子：</p><ul><li>html</li><li>js</li><li>jsx</li><li>vue</li><li>tsx</li></ul><h3 id="html" tabindex="-1">html <a class="header-anchor" href="#html" aria-label="Permalink to &quot;html&quot;">​</a></h3><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;./ranui/dist/umd/index.umd.cjs&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">body</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranui_input_index.md.CKpr9bUR.js b/assets/cn_src_ranui_input_index.md.Xj5VXLle.js
similarity index 99%
rename from assets/cn_src_ranui_input_index.md.CKpr9bUR.js
rename to assets/cn_src_ranui_input_index.md.Xj5VXLle.js
index 3384376fc4..c7f2732ea3 100644
--- a/assets/cn_src_ranui_input_index.md.CKpr9bUR.js
+++ b/assets/cn_src_ranui_input_index.md.Xj5VXLle.js
@@ -1,4 +1,4 @@
-import{_ as t}from"./chunks/input-input.MnARRJC6.js";import{_ as n,o as h,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"Input 输入框","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/input/index.md","filePath":"cn/src/ranui/input/index.md","lastUpdated":1728129125000}'),e={name:"cn/src/ranui/input/index.md"};function p(k,a,d,r,E,o){return h(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="input-输入框" tabindex="-1">Input 输入框 <a class="header-anchor" href="#input-输入框" aria-label="Permalink to &quot;Input 输入框&quot;">​</a></h1><p>通过鼠标或键盘输入内容，是最基础的表单域的包装。</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div style="width:300px;"> 输入框：<r-input></r-input></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="标签label" tabindex="-1">标签<code>label</code> <a class="header-anchor" href="#标签label" aria-label="Permalink to &quot;标签`label`&quot;">​</a></h3><p>提供类似于 <code>Metiral Design</code> 的输入体验。</p><r-input label="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="占位placeholder" tabindex="-1">占位<code>placeholder</code> <a class="header-anchor" href="#占位placeholder" aria-label="Permalink to &quot;占位`placeholder`&quot;">​</a></h3><p>与原生<code>placeholder</code>一致。</p><r-input placeholder="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> placeholder</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="禁用disabled" tabindex="-1">禁用<code>disabled</code> <a class="header-anchor" href="#禁用disabled" aria-label="Permalink to &quot;禁用`disabled`&quot;">​</a></h3><p>通过<code>disabled</code>可以禁用输入框，禁用后该按钮上的事件失效。</p><r-input label="user" disabled></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> disabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="值value" tabindex="-1">值<code>value</code> <a class="header-anchor" href="#值value" aria-label="Permalink to &quot;值`value`&quot;">​</a></h3><p>设置或返回输入框的<code>value</code>属性值。</p><r-input value="1234"></r-input><h3 id="类型type" tabindex="-1">类型<code>type</code> <a class="header-anchor" href="#类型type" aria-label="Permalink to &quot;类型`type`&quot;">​</a></h3><p>目前支持<code>password</code>、<code>number</code>这几种类型，设置后会出现额外的<code>ui</code>控件。</p><h4 id="密码输入框" tabindex="-1">密码输入框 <a class="header-anchor" href="#密码输入框" aria-label="Permalink to &quot;密码输入框&quot;">​</a></h4><p>支持密码明文和密文切换。</p><r-input icon="lock" type="password"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;password&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="图标icon" tabindex="-1">图标<code>icon</code> <a class="header-anchor" href="#图标icon" aria-label="Permalink to &quot;图标`icon`&quot;">​</a></h3><p>可以设置一个<code>icon</code>来表示标签标识。</p><r-input icon="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h4 id="数字输入框" tabindex="-1">数字输入框 <a class="header-anchor" href="#数字输入框" aria-label="Permalink to &quot;数字输入框&quot;">​</a></h4><p>数字输入框，类似于原生<code>input[type=number]</code>，支持<code>min</code>、<code>max</code>、<code>step</code>属性，支持键盘上下键切换数字。</p><r-input type="number" min="-10" max="10" step="0.5"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;number&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> min</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;-10&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> max</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> step</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0.5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="name-属性名" tabindex="-1">name 属性名 <a class="header-anchor" href="#name-属性名" aria-label="Permalink to &quot;name 属性名&quot;">​</a></h3><p>跟 form 组件联动的时候有效，form 提交时收集的字段名字</p><h3 id="status-状态" tabindex="-1">status 状态 <a class="header-anchor" href="#status-状态" aria-label="Permalink to &quot;status 状态&quot;">​</a></h3><ul><li>error</li></ul><p>默认色值: <code>#ff4d4f</code></p>',40),s("div",null,[s("r-input",{status:"error"})],-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> status</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;error&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><ul><li>warning</li></ul><p>默认色值: <code>#ff7875</code></p>',3),s("div",null,[s("r-input",{status:"warning"})],-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  status</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;warning&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="事件event" tabindex="-1">事件<code>event</code> <a class="header-anchor" href="#事件event" aria-label="Permalink to &quot;事件`event`&quot;">​</a></h2><p>常见的回调事件。</p><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>文本改变的时候触发。</p>',5),s("r-input",{onchange:"console.log(this.value)"},null,-1),i(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">func</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">this</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">value</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> input</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">createElement</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;r-input&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
+import{_ as t}from"./chunks/input-input.MnARRJC6.js";import{_ as n,o as h,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"Input 输入框","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/input/index.md","filePath":"cn/src/ranui/input/index.md","lastUpdated":1728129344000}'),e={name:"cn/src/ranui/input/index.md"};function p(k,a,d,r,E,o){return h(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="input-输入框" tabindex="-1">Input 输入框 <a class="header-anchor" href="#input-输入框" aria-label="Permalink to &quot;Input 输入框&quot;">​</a></h1><p>通过鼠标或键盘输入内容，是最基础的表单域的包装。</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div style="width:300px;"> 输入框：<r-input></r-input></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="标签label" tabindex="-1">标签<code>label</code> <a class="header-anchor" href="#标签label" aria-label="Permalink to &quot;标签`label`&quot;">​</a></h3><p>提供类似于 <code>Metiral Design</code> 的输入体验。</p><r-input label="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="占位placeholder" tabindex="-1">占位<code>placeholder</code> <a class="header-anchor" href="#占位placeholder" aria-label="Permalink to &quot;占位`placeholder`&quot;">​</a></h3><p>与原生<code>placeholder</code>一致。</p><r-input placeholder="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> placeholder</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="禁用disabled" tabindex="-1">禁用<code>disabled</code> <a class="header-anchor" href="#禁用disabled" aria-label="Permalink to &quot;禁用`disabled`&quot;">​</a></h3><p>通过<code>disabled</code>可以禁用输入框，禁用后该按钮上的事件失效。</p><r-input label="user" disabled></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> disabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="值value" tabindex="-1">值<code>value</code> <a class="header-anchor" href="#值value" aria-label="Permalink to &quot;值`value`&quot;">​</a></h3><p>设置或返回输入框的<code>value</code>属性值。</p><r-input value="1234"></r-input><h3 id="类型type" tabindex="-1">类型<code>type</code> <a class="header-anchor" href="#类型type" aria-label="Permalink to &quot;类型`type`&quot;">​</a></h3><p>目前支持<code>password</code>、<code>number</code>这几种类型，设置后会出现额外的<code>ui</code>控件。</p><h4 id="密码输入框" tabindex="-1">密码输入框 <a class="header-anchor" href="#密码输入框" aria-label="Permalink to &quot;密码输入框&quot;">​</a></h4><p>支持密码明文和密文切换。</p><r-input icon="lock" type="password"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;password&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="图标icon" tabindex="-1">图标<code>icon</code> <a class="header-anchor" href="#图标icon" aria-label="Permalink to &quot;图标`icon`&quot;">​</a></h3><p>可以设置一个<code>icon</code>来表示标签标识。</p><r-input icon="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h4 id="数字输入框" tabindex="-1">数字输入框 <a class="header-anchor" href="#数字输入框" aria-label="Permalink to &quot;数字输入框&quot;">​</a></h4><p>数字输入框，类似于原生<code>input[type=number]</code>，支持<code>min</code>、<code>max</code>、<code>step</code>属性，支持键盘上下键切换数字。</p><r-input type="number" min="-10" max="10" step="0.5"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;number&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> min</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;-10&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> max</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> step</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0.5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="name-属性名" tabindex="-1">name 属性名 <a class="header-anchor" href="#name-属性名" aria-label="Permalink to &quot;name 属性名&quot;">​</a></h3><p>跟 form 组件联动的时候有效，form 提交时收集的字段名字</p><h3 id="status-状态" tabindex="-1">status 状态 <a class="header-anchor" href="#status-状态" aria-label="Permalink to &quot;status 状态&quot;">​</a></h3><ul><li>error</li></ul><p>默认色值: <code>#ff4d4f</code></p>',40),s("div",null,[s("r-input",{status:"error"})],-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> status</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;error&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><ul><li>warning</li></ul><p>默认色值: <code>#ff7875</code></p>',3),s("div",null,[s("r-input",{status:"warning"})],-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  status</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;warning&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="事件event" tabindex="-1">事件<code>event</code> <a class="header-anchor" href="#事件event" aria-label="Permalink to &quot;事件`event`&quot;">​</a></h2><p>常见的回调事件。</p><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>文本改变的时候触发。</p>',5),s("r-input",{onchange:"console.log(this.value)"},null,-1),i(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">func</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">this</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">value</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> input</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">createElement</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;r-input&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">input.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">setAttribute</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;label&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;home&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> func</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">e</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(e);</span></span>
diff --git a/assets/cn_src_ranui_input_index.md.CKpr9bUR.lean.js b/assets/cn_src_ranui_input_index.md.Xj5VXLle.lean.js
similarity index 99%
rename from assets/cn_src_ranui_input_index.md.CKpr9bUR.lean.js
rename to assets/cn_src_ranui_input_index.md.Xj5VXLle.lean.js
index 3384376fc4..c7f2732ea3 100644
--- a/assets/cn_src_ranui_input_index.md.CKpr9bUR.lean.js
+++ b/assets/cn_src_ranui_input_index.md.Xj5VXLle.lean.js
@@ -1,4 +1,4 @@
-import{_ as t}from"./chunks/input-input.MnARRJC6.js";import{_ as n,o as h,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"Input 输入框","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/input/index.md","filePath":"cn/src/ranui/input/index.md","lastUpdated":1728129125000}'),e={name:"cn/src/ranui/input/index.md"};function p(k,a,d,r,E,o){return h(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="input-输入框" tabindex="-1">Input 输入框 <a class="header-anchor" href="#input-输入框" aria-label="Permalink to &quot;Input 输入框&quot;">​</a></h1><p>通过鼠标或键盘输入内容，是最基础的表单域的包装。</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div style="width:300px;"> 输入框：<r-input></r-input></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="标签label" tabindex="-1">标签<code>label</code> <a class="header-anchor" href="#标签label" aria-label="Permalink to &quot;标签`label`&quot;">​</a></h3><p>提供类似于 <code>Metiral Design</code> 的输入体验。</p><r-input label="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="占位placeholder" tabindex="-1">占位<code>placeholder</code> <a class="header-anchor" href="#占位placeholder" aria-label="Permalink to &quot;占位`placeholder`&quot;">​</a></h3><p>与原生<code>placeholder</code>一致。</p><r-input placeholder="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> placeholder</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="禁用disabled" tabindex="-1">禁用<code>disabled</code> <a class="header-anchor" href="#禁用disabled" aria-label="Permalink to &quot;禁用`disabled`&quot;">​</a></h3><p>通过<code>disabled</code>可以禁用输入框，禁用后该按钮上的事件失效。</p><r-input label="user" disabled></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> disabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="值value" tabindex="-1">值<code>value</code> <a class="header-anchor" href="#值value" aria-label="Permalink to &quot;值`value`&quot;">​</a></h3><p>设置或返回输入框的<code>value</code>属性值。</p><r-input value="1234"></r-input><h3 id="类型type" tabindex="-1">类型<code>type</code> <a class="header-anchor" href="#类型type" aria-label="Permalink to &quot;类型`type`&quot;">​</a></h3><p>目前支持<code>password</code>、<code>number</code>这几种类型，设置后会出现额外的<code>ui</code>控件。</p><h4 id="密码输入框" tabindex="-1">密码输入框 <a class="header-anchor" href="#密码输入框" aria-label="Permalink to &quot;密码输入框&quot;">​</a></h4><p>支持密码明文和密文切换。</p><r-input icon="lock" type="password"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;password&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="图标icon" tabindex="-1">图标<code>icon</code> <a class="header-anchor" href="#图标icon" aria-label="Permalink to &quot;图标`icon`&quot;">​</a></h3><p>可以设置一个<code>icon</code>来表示标签标识。</p><r-input icon="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h4 id="数字输入框" tabindex="-1">数字输入框 <a class="header-anchor" href="#数字输入框" aria-label="Permalink to &quot;数字输入框&quot;">​</a></h4><p>数字输入框，类似于原生<code>input[type=number]</code>，支持<code>min</code>、<code>max</code>、<code>step</code>属性，支持键盘上下键切换数字。</p><r-input type="number" min="-10" max="10" step="0.5"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;number&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> min</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;-10&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> max</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> step</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0.5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="name-属性名" tabindex="-1">name 属性名 <a class="header-anchor" href="#name-属性名" aria-label="Permalink to &quot;name 属性名&quot;">​</a></h3><p>跟 form 组件联动的时候有效，form 提交时收集的字段名字</p><h3 id="status-状态" tabindex="-1">status 状态 <a class="header-anchor" href="#status-状态" aria-label="Permalink to &quot;status 状态&quot;">​</a></h3><ul><li>error</li></ul><p>默认色值: <code>#ff4d4f</code></p>',40),s("div",null,[s("r-input",{status:"error"})],-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> status</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;error&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><ul><li>warning</li></ul><p>默认色值: <code>#ff7875</code></p>',3),s("div",null,[s("r-input",{status:"warning"})],-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  status</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;warning&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="事件event" tabindex="-1">事件<code>event</code> <a class="header-anchor" href="#事件event" aria-label="Permalink to &quot;事件`event`&quot;">​</a></h2><p>常见的回调事件。</p><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>文本改变的时候触发。</p>',5),s("r-input",{onchange:"console.log(this.value)"},null,-1),i(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">func</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">this</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">value</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> input</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">createElement</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;r-input&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
+import{_ as t}from"./chunks/input-input.MnARRJC6.js";import{_ as n,o as h,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"Input 输入框","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/input/index.md","filePath":"cn/src/ranui/input/index.md","lastUpdated":1728129344000}'),e={name:"cn/src/ranui/input/index.md"};function p(k,a,d,r,E,o){return h(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="input-输入框" tabindex="-1">Input 输入框 <a class="header-anchor" href="#input-输入框" aria-label="Permalink to &quot;Input 输入框&quot;">​</a></h1><p>通过鼠标或键盘输入内容，是最基础的表单域的包装。</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div style="width:300px;"> 输入框：<r-input></r-input></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="标签label" tabindex="-1">标签<code>label</code> <a class="header-anchor" href="#标签label" aria-label="Permalink to &quot;标签`label`&quot;">​</a></h3><p>提供类似于 <code>Metiral Design</code> 的输入体验。</p><r-input label="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="占位placeholder" tabindex="-1">占位<code>placeholder</code> <a class="header-anchor" href="#占位placeholder" aria-label="Permalink to &quot;占位`placeholder`&quot;">​</a></h3><p>与原生<code>placeholder</code>一致。</p><r-input placeholder="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> placeholder</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="禁用disabled" tabindex="-1">禁用<code>disabled</code> <a class="header-anchor" href="#禁用disabled" aria-label="Permalink to &quot;禁用`disabled`&quot;">​</a></h3><p>通过<code>disabled</code>可以禁用输入框，禁用后该按钮上的事件失效。</p><r-input label="user" disabled></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> disabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="值value" tabindex="-1">值<code>value</code> <a class="header-anchor" href="#值value" aria-label="Permalink to &quot;值`value`&quot;">​</a></h3><p>设置或返回输入框的<code>value</code>属性值。</p><r-input value="1234"></r-input><h3 id="类型type" tabindex="-1">类型<code>type</code> <a class="header-anchor" href="#类型type" aria-label="Permalink to &quot;类型`type`&quot;">​</a></h3><p>目前支持<code>password</code>、<code>number</code>这几种类型，设置后会出现额外的<code>ui</code>控件。</p><h4 id="密码输入框" tabindex="-1">密码输入框 <a class="header-anchor" href="#密码输入框" aria-label="Permalink to &quot;密码输入框&quot;">​</a></h4><p>支持密码明文和密文切换。</p><r-input icon="lock" type="password"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;password&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="图标icon" tabindex="-1">图标<code>icon</code> <a class="header-anchor" href="#图标icon" aria-label="Permalink to &quot;图标`icon`&quot;">​</a></h3><p>可以设置一个<code>icon</code>来表示标签标识。</p><r-input icon="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h4 id="数字输入框" tabindex="-1">数字输入框 <a class="header-anchor" href="#数字输入框" aria-label="Permalink to &quot;数字输入框&quot;">​</a></h4><p>数字输入框，类似于原生<code>input[type=number]</code>，支持<code>min</code>、<code>max</code>、<code>step</code>属性，支持键盘上下键切换数字。</p><r-input type="number" min="-10" max="10" step="0.5"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;number&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> min</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;-10&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> max</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> step</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0.5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="name-属性名" tabindex="-1">name 属性名 <a class="header-anchor" href="#name-属性名" aria-label="Permalink to &quot;name 属性名&quot;">​</a></h3><p>跟 form 组件联动的时候有效，form 提交时收集的字段名字</p><h3 id="status-状态" tabindex="-1">status 状态 <a class="header-anchor" href="#status-状态" aria-label="Permalink to &quot;status 状态&quot;">​</a></h3><ul><li>error</li></ul><p>默认色值: <code>#ff4d4f</code></p>',40),s("div",null,[s("r-input",{status:"error"})],-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> status</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;error&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><ul><li>warning</li></ul><p>默认色值: <code>#ff7875</code></p>',3),s("div",null,[s("r-input",{status:"warning"})],-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  status</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;warning&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="事件event" tabindex="-1">事件<code>event</code> <a class="header-anchor" href="#事件event" aria-label="Permalink to &quot;事件`event`&quot;">​</a></h2><p>常见的回调事件。</p><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>文本改变的时候触发。</p>',5),s("r-input",{onchange:"console.log(this.value)"},null,-1),i(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">func</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">this</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">value</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> input</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">createElement</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;r-input&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">input.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">setAttribute</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;label&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;home&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> func</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">e</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(e);</span></span>
diff --git a/assets/cn_src_ranui_loading_index.md.CcRWELn0.js b/assets/cn_src_ranui_loading_index.md.Cd9-GnXr.js
similarity index 98%
rename from assets/cn_src_ranui_loading_index.md.CcRWELn0.js
rename to assets/cn_src_ranui_loading_index.md.Cd9-GnXr.js
index 4d5e108ada..99f7678022 100644
--- a/assets/cn_src_ranui_loading_index.md.CcRWELn0.js
+++ b/assets/cn_src_ranui_loading_index.md.Cd9-GnXr.js
@@ -1,4 +1,4 @@
-import{_ as a}from"./chunks/loading.vue_vue_type_style_index_0_lang.Byf79MII.js";import{o as s,c as t,a3 as n,G as l}from"./chunks/framework.eq-HTtE3.js";import"./chunks/index.CafPLwUV.js";const o=JSON.parse('{"title":"Loading","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/loading/index.md","filePath":"cn/src/ranui/loading/index.md","lastUpdated":1728129125000}'),e={name:"cn/src/ranui/loading/index.md"},g=Object.assign(e,{setup(h){return(d,i)=>(s(),t("div",{"data-pagefind-body":!0},[i[0]||(i[0]=n(`<h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>一些好看的 loading</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-loading name="circle"></r-loading><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;circle&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="name" tabindex="-1"><code>name</code> <a class="header-anchor" href="#name" aria-label="Permalink to &quot;\`name\`&quot;">​</a></h3><p>这里有很多好看的 loading，可供选择</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="double-bounce"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="rotate"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="stretch"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="cube"></r-loading></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;double-bounce&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as a}from"./chunks/loading.vue_vue_type_style_index_0_lang.Byf79MII.js";import{o as s,c as t,a3 as n,G as l}from"./chunks/framework.eq-HTtE3.js";import"./chunks/index.CafPLwUV.js";const o=JSON.parse('{"title":"Loading","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/loading/index.md","filePath":"cn/src/ranui/loading/index.md","lastUpdated":1728129344000}'),e={name:"cn/src/ranui/loading/index.md"},g=Object.assign(e,{setup(h){return(d,i)=>(s(),t("div",{"data-pagefind-body":!0},[i[0]||(i[0]=n(`<h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>一些好看的 loading</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-loading name="circle"></r-loading><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;circle&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="name" tabindex="-1"><code>name</code> <a class="header-anchor" href="#name" aria-label="Permalink to &quot;\`name\`&quot;">​</a></h3><p>这里有很多好看的 loading，可供选择</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="double-bounce"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="rotate"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="stretch"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="cube"></r-loading></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;double-bounce&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;rotate&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;stretch&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;cube&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="loading-list" tabindex="-1">Loading list <a class="header-anchor" href="#loading-list" aria-label="Permalink to &quot;Loading list&quot;">​</a></h2>`,14)),l(a)]))}});export{o as __pageData,g as default};
diff --git a/assets/cn_src_ranui_loading_index.md.CcRWELn0.lean.js b/assets/cn_src_ranui_loading_index.md.Cd9-GnXr.lean.js
similarity index 98%
rename from assets/cn_src_ranui_loading_index.md.CcRWELn0.lean.js
rename to assets/cn_src_ranui_loading_index.md.Cd9-GnXr.lean.js
index 4d5e108ada..99f7678022 100644
--- a/assets/cn_src_ranui_loading_index.md.CcRWELn0.lean.js
+++ b/assets/cn_src_ranui_loading_index.md.Cd9-GnXr.lean.js
@@ -1,4 +1,4 @@
-import{_ as a}from"./chunks/loading.vue_vue_type_style_index_0_lang.Byf79MII.js";import{o as s,c as t,a3 as n,G as l}from"./chunks/framework.eq-HTtE3.js";import"./chunks/index.CafPLwUV.js";const o=JSON.parse('{"title":"Loading","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/loading/index.md","filePath":"cn/src/ranui/loading/index.md","lastUpdated":1728129125000}'),e={name:"cn/src/ranui/loading/index.md"},g=Object.assign(e,{setup(h){return(d,i)=>(s(),t("div",{"data-pagefind-body":!0},[i[0]||(i[0]=n(`<h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>一些好看的 loading</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-loading name="circle"></r-loading><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;circle&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="name" tabindex="-1"><code>name</code> <a class="header-anchor" href="#name" aria-label="Permalink to &quot;\`name\`&quot;">​</a></h3><p>这里有很多好看的 loading，可供选择</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="double-bounce"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="rotate"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="stretch"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="cube"></r-loading></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;double-bounce&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as a}from"./chunks/loading.vue_vue_type_style_index_0_lang.Byf79MII.js";import{o as s,c as t,a3 as n,G as l}from"./chunks/framework.eq-HTtE3.js";import"./chunks/index.CafPLwUV.js";const o=JSON.parse('{"title":"Loading","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/loading/index.md","filePath":"cn/src/ranui/loading/index.md","lastUpdated":1728129344000}'),e={name:"cn/src/ranui/loading/index.md"},g=Object.assign(e,{setup(h){return(d,i)=>(s(),t("div",{"data-pagefind-body":!0},[i[0]||(i[0]=n(`<h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>一些好看的 loading</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-loading name="circle"></r-loading><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;circle&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="name" tabindex="-1"><code>name</code> <a class="header-anchor" href="#name" aria-label="Permalink to &quot;\`name\`&quot;">​</a></h3><p>这里有很多好看的 loading，可供选择</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="double-bounce"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="rotate"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="stretch"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="cube"></r-loading></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;double-bounce&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;rotate&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;stretch&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;cube&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="loading-list" tabindex="-1">Loading list <a class="header-anchor" href="#loading-list" aria-label="Permalink to &quot;Loading list&quot;">​</a></h2>`,14)),l(a)]))}});export{o as __pageData,g as default};
diff --git a/assets/cn_src_ranui_math_index.md.nmeuJ7af.js b/assets/cn_src_ranui_math_index.md.vkrzCmwa.js
similarity index 97%
rename from assets/cn_src_ranui_math_index.md.nmeuJ7af.js
rename to assets/cn_src_ranui_math_index.md.vkrzCmwa.js
index 6aabdabd5e..8317365086 100644
--- a/assets/cn_src_ranui_math_index.md.nmeuJ7af.js
+++ b/assets/cn_src_ranui_math_index.md.vkrzCmwa.js
@@ -1 +1 @@
-import{_ as e,o as l,c as n,j as a,a as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"math 数学公式","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/math/index.md","filePath":"cn/src/ranui/math/index.md","lastUpdated":1728129125000}'),h={name:"cn/src/ranui/math/index.md"};function r(d,t,p,k,o,c){return l(),n("div",{"data-pagefind-body":!0},t[0]||(t[0]=[a("h1",{id:"math-数学公式",tabindex:"-1"},[s("math 数学公式 "),a("a",{class:"header-anchor",href:"#math-数学公式","aria-label":'Permalink to "math 数学公式"'},"​")],-1),a("p",null,[s("在 "),a("code",null,"HTML"),s(" 页面中高质量展示 "),a("code",null,"LaTeX"),s(" 数学公式")],-1),a("h2",{id:"代码演示",tabindex:"-1"},[s("代码演示 "),a("a",{class:"header-anchor",href:"#代码演示","aria-label":'Permalink to "代码演示"'},"​")],-1),a("r-math",{latex:"\\frac{x^2}{a^2} + \\frac{y^2}{b^2} = 1 \\quad (a > b > 0)"},null,-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;\\frac{x^2}{a^2} + \\frac{y^2}{b^2} = 1 \\quad (a &gt; b &gt; 0)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="latex-string" tabindex="-1">latex <code>string</code> <a class="header-anchor" href="#latex-string" aria-label="Permalink to &quot;latex `string`&quot;">​</a></h3>',3),a("r-math",{latex:"x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}"},null,-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>',1)]))}const m=e(h,[["render",r]]);export{E as __pageData,m as default};
+import{_ as e,o as l,c as n,j as a,a as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"math 数学公式","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/math/index.md","filePath":"cn/src/ranui/math/index.md","lastUpdated":1728129344000}'),h={name:"cn/src/ranui/math/index.md"};function r(d,t,p,k,o,c){return l(),n("div",{"data-pagefind-body":!0},t[0]||(t[0]=[a("h1",{id:"math-数学公式",tabindex:"-1"},[s("math 数学公式 "),a("a",{class:"header-anchor",href:"#math-数学公式","aria-label":'Permalink to "math 数学公式"'},"​")],-1),a("p",null,[s("在 "),a("code",null,"HTML"),s(" 页面中高质量展示 "),a("code",null,"LaTeX"),s(" 数学公式")],-1),a("h2",{id:"代码演示",tabindex:"-1"},[s("代码演示 "),a("a",{class:"header-anchor",href:"#代码演示","aria-label":'Permalink to "代码演示"'},"​")],-1),a("r-math",{latex:"\\frac{x^2}{a^2} + \\frac{y^2}{b^2} = 1 \\quad (a > b > 0)"},null,-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;\\frac{x^2}{a^2} + \\frac{y^2}{b^2} = 1 \\quad (a &gt; b &gt; 0)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="latex-string" tabindex="-1">latex <code>string</code> <a class="header-anchor" href="#latex-string" aria-label="Permalink to &quot;latex `string`&quot;">​</a></h3>',3),a("r-math",{latex:"x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}"},null,-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>',1)]))}const m=e(h,[["render",r]]);export{E as __pageData,m as default};
diff --git a/assets/cn_src_ranui_math_index.md.nmeuJ7af.lean.js b/assets/cn_src_ranui_math_index.md.vkrzCmwa.lean.js
similarity index 97%
rename from assets/cn_src_ranui_math_index.md.nmeuJ7af.lean.js
rename to assets/cn_src_ranui_math_index.md.vkrzCmwa.lean.js
index 6aabdabd5e..8317365086 100644
--- a/assets/cn_src_ranui_math_index.md.nmeuJ7af.lean.js
+++ b/assets/cn_src_ranui_math_index.md.vkrzCmwa.lean.js
@@ -1 +1 @@
-import{_ as e,o as l,c as n,j as a,a as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"math 数学公式","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/math/index.md","filePath":"cn/src/ranui/math/index.md","lastUpdated":1728129125000}'),h={name:"cn/src/ranui/math/index.md"};function r(d,t,p,k,o,c){return l(),n("div",{"data-pagefind-body":!0},t[0]||(t[0]=[a("h1",{id:"math-数学公式",tabindex:"-1"},[s("math 数学公式 "),a("a",{class:"header-anchor",href:"#math-数学公式","aria-label":'Permalink to "math 数学公式"'},"​")],-1),a("p",null,[s("在 "),a("code",null,"HTML"),s(" 页面中高质量展示 "),a("code",null,"LaTeX"),s(" 数学公式")],-1),a("h2",{id:"代码演示",tabindex:"-1"},[s("代码演示 "),a("a",{class:"header-anchor",href:"#代码演示","aria-label":'Permalink to "代码演示"'},"​")],-1),a("r-math",{latex:"\\frac{x^2}{a^2} + \\frac{y^2}{b^2} = 1 \\quad (a > b > 0)"},null,-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;\\frac{x^2}{a^2} + \\frac{y^2}{b^2} = 1 \\quad (a &gt; b &gt; 0)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="latex-string" tabindex="-1">latex <code>string</code> <a class="header-anchor" href="#latex-string" aria-label="Permalink to &quot;latex `string`&quot;">​</a></h3>',3),a("r-math",{latex:"x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}"},null,-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>',1)]))}const m=e(h,[["render",r]]);export{E as __pageData,m as default};
+import{_ as e,o as l,c as n,j as a,a as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"math 数学公式","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/math/index.md","filePath":"cn/src/ranui/math/index.md","lastUpdated":1728129344000}'),h={name:"cn/src/ranui/math/index.md"};function r(d,t,p,k,o,c){return l(),n("div",{"data-pagefind-body":!0},t[0]||(t[0]=[a("h1",{id:"math-数学公式",tabindex:"-1"},[s("math 数学公式 "),a("a",{class:"header-anchor",href:"#math-数学公式","aria-label":'Permalink to "math 数学公式"'},"​")],-1),a("p",null,[s("在 "),a("code",null,"HTML"),s(" 页面中高质量展示 "),a("code",null,"LaTeX"),s(" 数学公式")],-1),a("h2",{id:"代码演示",tabindex:"-1"},[s("代码演示 "),a("a",{class:"header-anchor",href:"#代码演示","aria-label":'Permalink to "代码演示"'},"​")],-1),a("r-math",{latex:"\\frac{x^2}{a^2} + \\frac{y^2}{b^2} = 1 \\quad (a > b > 0)"},null,-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;\\frac{x^2}{a^2} + \\frac{y^2}{b^2} = 1 \\quad (a &gt; b &gt; 0)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="latex-string" tabindex="-1">latex <code>string</code> <a class="header-anchor" href="#latex-string" aria-label="Permalink to &quot;latex `string`&quot;">​</a></h3>',3),a("r-math",{latex:"x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}"},null,-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>',1)]))}const m=e(h,[["render",r]]);export{E as __pageData,m as default};
diff --git a/assets/cn_src_ranui_message_index.md.OWf7PDqT.js b/assets/cn_src_ranui_message_index.md.DQaOXw4A.js
similarity index 99%
rename from assets/cn_src_ranui_message_index.md.OWf7PDqT.js
rename to assets/cn_src_ranui_message_index.md.DQaOXw4A.js
index b605d23a8f..07cb2d6efa 100644
--- a/assets/cn_src_ranui_message_index.md.OWf7PDqT.js
+++ b/assets/cn_src_ranui_message_index.md.DQaOXw4A.js
@@ -1,4 +1,4 @@
-import{_ as e,o as n,c as h,j as s,a,a3 as t}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"message 全局提示","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/message/index.md","filePath":"cn/src/ranui/message/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/ranui/message/index.md"};function k(p,i,r,d,o,g){return n(),h("div",{"data-pagefind-body":!0},i[0]||(i[0]=[s("h1",{id:"message-全局提示",tabindex:"-1"},[a("message 全局提示 "),s("a",{class:"header-anchor",href:"#message-全局提示","aria-label":'Permalink to "message 全局提示"'},"​")],-1),s("p",null,"全局展示操作反馈信息。",-1),s("h2",{id:"代码演示",tabindex:"-1"},[a("代码演示 "),s("a",{class:"header-anchor",href:"#代码演示","aria-label":'Permalink to "代码演示"'},"​")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{type:"primary",onclick:"message.info('这是一条提示')"},"点击触发全局提示")],-1),t('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;message.info(&#39;这是一条提示&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;点击触发全局提示&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="类型type" tabindex="-1">类型<code>type</code> <a class="header-anchor" href="#类型type" aria-label="Permalink to &quot;类型`type`&quot;">​</a></h3><p>不同的提示类型</p>',4),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.info('这是一条提示')"},"信息提示")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.warning('这是一条提示')"},"警告提示")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.error('这是一条提示')"},"错误提示")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.success('这是一条提示')"},"成功提示")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.toast('这是一条提示')"},"toast提示")],-1),t(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">info</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;这是一条提示&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;信息提示&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as e,o as n,c as h,j as s,a,a3 as t}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"message 全局提示","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/message/index.md","filePath":"cn/src/ranui/message/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/ranui/message/index.md"};function k(p,i,r,d,o,g){return n(),h("div",{"data-pagefind-body":!0},i[0]||(i[0]=[s("h1",{id:"message-全局提示",tabindex:"-1"},[a("message 全局提示 "),s("a",{class:"header-anchor",href:"#message-全局提示","aria-label":'Permalink to "message 全局提示"'},"​")],-1),s("p",null,"全局展示操作反馈信息。",-1),s("h2",{id:"代码演示",tabindex:"-1"},[a("代码演示 "),s("a",{class:"header-anchor",href:"#代码演示","aria-label":'Permalink to "代码演示"'},"​")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{type:"primary",onclick:"message.info('这是一条提示')"},"点击触发全局提示")],-1),t('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;message.info(&#39;这是一条提示&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;点击触发全局提示&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="类型type" tabindex="-1">类型<code>type</code> <a class="header-anchor" href="#类型type" aria-label="Permalink to &quot;类型`type`&quot;">​</a></h3><p>不同的提示类型</p>',4),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.info('这是一条提示')"},"信息提示")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.warning('这是一条提示')"},"警告提示")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.error('这是一条提示')"},"错误提示")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.success('这是一条提示')"},"成功提示")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.toast('这是一条提示')"},"toast提示")],-1),t(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">info</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;这是一条提示&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;信息提示&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">warning</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;这是一条提示&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;警告提示&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">error</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;这是一条提示&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;错误提示&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">success</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;这是一条提示&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;成功提示&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranui_message_index.md.OWf7PDqT.lean.js b/assets/cn_src_ranui_message_index.md.DQaOXw4A.lean.js
similarity index 99%
rename from assets/cn_src_ranui_message_index.md.OWf7PDqT.lean.js
rename to assets/cn_src_ranui_message_index.md.DQaOXw4A.lean.js
index b605d23a8f..07cb2d6efa 100644
--- a/assets/cn_src_ranui_message_index.md.OWf7PDqT.lean.js
+++ b/assets/cn_src_ranui_message_index.md.DQaOXw4A.lean.js
@@ -1,4 +1,4 @@
-import{_ as e,o as n,c as h,j as s,a,a3 as t}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"message 全局提示","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/message/index.md","filePath":"cn/src/ranui/message/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/ranui/message/index.md"};function k(p,i,r,d,o,g){return n(),h("div",{"data-pagefind-body":!0},i[0]||(i[0]=[s("h1",{id:"message-全局提示",tabindex:"-1"},[a("message 全局提示 "),s("a",{class:"header-anchor",href:"#message-全局提示","aria-label":'Permalink to "message 全局提示"'},"​")],-1),s("p",null,"全局展示操作反馈信息。",-1),s("h2",{id:"代码演示",tabindex:"-1"},[a("代码演示 "),s("a",{class:"header-anchor",href:"#代码演示","aria-label":'Permalink to "代码演示"'},"​")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{type:"primary",onclick:"message.info('这是一条提示')"},"点击触发全局提示")],-1),t('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;message.info(&#39;这是一条提示&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;点击触发全局提示&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="类型type" tabindex="-1">类型<code>type</code> <a class="header-anchor" href="#类型type" aria-label="Permalink to &quot;类型`type`&quot;">​</a></h3><p>不同的提示类型</p>',4),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.info('这是一条提示')"},"信息提示")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.warning('这是一条提示')"},"警告提示")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.error('这是一条提示')"},"错误提示")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.success('这是一条提示')"},"成功提示")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.toast('这是一条提示')"},"toast提示")],-1),t(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">info</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;这是一条提示&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;信息提示&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as e,o as n,c as h,j as s,a,a3 as t}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"message 全局提示","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/message/index.md","filePath":"cn/src/ranui/message/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/ranui/message/index.md"};function k(p,i,r,d,o,g){return n(),h("div",{"data-pagefind-body":!0},i[0]||(i[0]=[s("h1",{id:"message-全局提示",tabindex:"-1"},[a("message 全局提示 "),s("a",{class:"header-anchor",href:"#message-全局提示","aria-label":'Permalink to "message 全局提示"'},"​")],-1),s("p",null,"全局展示操作反馈信息。",-1),s("h2",{id:"代码演示",tabindex:"-1"},[a("代码演示 "),s("a",{class:"header-anchor",href:"#代码演示","aria-label":'Permalink to "代码演示"'},"​")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{type:"primary",onclick:"message.info('这是一条提示')"},"点击触发全局提示")],-1),t('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;message.info(&#39;这是一条提示&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;点击触发全局提示&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="类型type" tabindex="-1">类型<code>type</code> <a class="header-anchor" href="#类型type" aria-label="Permalink to &quot;类型`type`&quot;">​</a></h3><p>不同的提示类型</p>',4),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.info('这是一条提示')"},"信息提示")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.warning('这是一条提示')"},"警告提示")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.error('这是一条提示')"},"错误提示")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.success('这是一条提示')"},"成功提示")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.toast('这是一条提示')"},"toast提示")],-1),t(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">info</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;这是一条提示&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;信息提示&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">warning</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;这是一条提示&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;警告提示&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">error</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;这是一条提示&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;错误提示&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">success</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;这是一条提示&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;成功提示&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranui_modal_index.md.C5SgGuYU.js b/assets/cn_src_ranui_modal_index.md.Ct_5BTpn.js
similarity index 84%
rename from assets/cn_src_ranui_modal_index.md.C5SgGuYU.js
rename to assets/cn_src_ranui_modal_index.md.Ct_5BTpn.js
index d85e8c137c..13ecce18c1 100644
--- a/assets/cn_src_ranui_modal_index.md.C5SgGuYU.js
+++ b/assets/cn_src_ranui_modal_index.md.Ct_5BTpn.js
@@ -1 +1 @@
-import{_ as e,o as a,c as t}from"./chunks/framework.eq-HTtE3.js";const l=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/modal/index.md","filePath":"cn/src/ranui/modal/index.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranui/modal/index.md"};function r(c,o,s,d,i,m){return a(),t("div")}const _=e(n,[["render",r]]);export{l as __pageData,_ as default};
+import{_ as e,o as a,c as t}from"./chunks/framework.eq-HTtE3.js";const l=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/modal/index.md","filePath":"cn/src/ranui/modal/index.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranui/modal/index.md"};function r(c,o,s,d,i,m){return a(),t("div")}const _=e(n,[["render",r]]);export{l as __pageData,_ as default};
diff --git a/assets/cn_src_ranui_modal_index.md.C5SgGuYU.lean.js b/assets/cn_src_ranui_modal_index.md.Ct_5BTpn.lean.js
similarity index 84%
rename from assets/cn_src_ranui_modal_index.md.C5SgGuYU.lean.js
rename to assets/cn_src_ranui_modal_index.md.Ct_5BTpn.lean.js
index d85e8c137c..13ecce18c1 100644
--- a/assets/cn_src_ranui_modal_index.md.C5SgGuYU.lean.js
+++ b/assets/cn_src_ranui_modal_index.md.Ct_5BTpn.lean.js
@@ -1 +1 @@
-import{_ as e,o as a,c as t}from"./chunks/framework.eq-HTtE3.js";const l=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/modal/index.md","filePath":"cn/src/ranui/modal/index.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranui/modal/index.md"};function r(c,o,s,d,i,m){return a(),t("div")}const _=e(n,[["render",r]]);export{l as __pageData,_ as default};
+import{_ as e,o as a,c as t}from"./chunks/framework.eq-HTtE3.js";const l=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/modal/index.md","filePath":"cn/src/ranui/modal/index.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranui/modal/index.md"};function r(c,o,s,d,i,m){return a(),t("div")}const _=e(n,[["render",r]]);export{l as __pageData,_ as default};
diff --git a/assets/cn_src_ranui_player_index.md.DXjOFy1h.js b/assets/cn_src_ranui_player_index.md.ClG2z7Rd.js
similarity index 99%
rename from assets/cn_src_ranui_player_index.md.DXjOFy1h.js
rename to assets/cn_src_ranui_player_index.md.ClG2z7Rd.js
index c793b7713a..605f89be3e 100644
--- a/assets/cn_src_ranui_player_index.md.DXjOFy1h.js
+++ b/assets/cn_src_ranui_player_index.md.ClG2z7Rd.js
@@ -1 +1 @@
-import{_ as e,o as d,c as a,a3 as r}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"r-player 视频播放器","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/player/index.md","filePath":"cn/src/ranui/player/index.md","lastUpdated":1728129125000}'),i={name:"cn/src/ranui/player/index.md"};function l(o,t,n,s,h,c){return d(),a("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="r-player-视频播放器" tabindex="-1">r-player 视频播放器 <a class="header-anchor" href="#r-player-视频播放器" aria-label="Permalink to &quot;r-player 视频播放器&quot;">​</a></h1><p>基于<code>hlsjs</code>和<code>web components</code>，让原生的标签<code>r-player</code>拥有统一的视频控件。 不采用<code>new Player(options)</code>的方式挂载到指定<code>dom</code>，视图的归视图，逻辑的归逻辑，所见及所得，更加直观。</p><ol><li>可拖拽进度条</li><li>音量控制</li><li>根据当前带宽自适应码率切换</li><li>手动清晰度切换</li><li>倍速播放</li><li>样式自定义覆盖</li><li><code>hls</code>协议标准加密视频播放</li><li>基于原生开发，可在所有框架运行，统一跨框架情况</li><li>各浏览器控件统一</li></ol><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-player style="display:block;width:100%;max-width:600px;height:300px;" src="/ran/hls/example.m3u8"></r-player><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;/ran/hls/example.m3u8&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="src" tabindex="-1">src <a class="header-anchor" href="#src" aria-label="Permalink to &quot;src&quot;">​</a></h3><p>视频的资源地址</p><h3 id="volume" tabindex="-1">volume <a class="header-anchor" href="#volume" aria-label="Permalink to &quot;volume&quot;">​</a></h3><p>设置初始音量，默认 0.5</p><h3 id="currenttime" tabindex="-1">currentTime <a class="header-anchor" href="#currenttime" aria-label="Permalink to &quot;currentTime&quot;">​</a></h3><p>设置初始播放时间，默认从头开始播放</p><h3 id="playbackrate" tabindex="-1">playbackRate <a class="header-anchor" href="#playbackrate" aria-label="Permalink to &quot;playbackRate&quot;">​</a></h3><p>设置倍速，默认 1.0</p><h3 id="debug" tabindex="-1">debug <a class="header-anchor" href="#debug" aria-label="Permalink to &quot;debug&quot;">​</a></h3><p>控制台会打印输出一些信息</p><h2 id="事件event" tabindex="-1">事件<code>event</code> <a class="header-anchor" href="#事件event" aria-label="Permalink to &quot;事件`event`&quot;">​</a></h2><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>监听任何播放器发生的变化，返回的值如下。</p><p>可通过这个方法获得<code>播放器的实例</code>。</p><p>活着通过<code>type</code>判断不同的事件类型，进行不同的操作</p><table tabindex="0"><thead><tr><th>属性</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>type</td><td>发生变化的事件类型</td><td><code>string</code></td></tr><tr><td>data</td><td>事件的值</td><td><code>Object</code></td></tr><tr><td>currentTime</td><td>播放的当前时间</td><td><code>number</code></td></tr><tr><td>duration</td><td>视频的总时长</td><td><code>number</code></td></tr><tr><td>tag</td><td>播放器的实例</td><td><code>Element</code></td></tr></tbody></table><p>其中<code>type</code>类型有</p><table tabindex="0"><thead><tr><th>名称</th><th>说明</th></tr></thead><tbody><tr><td>canplay</td><td>浏览器可以播放媒体文件了，但估计没有足够的数据来支撑播放到结束，不必停下来进一步缓冲内容。</td></tr><tr><td>canplaythrough</td><td>浏览器估计它可以在不停止内容缓冲的情况下播放媒体直到结束。</td></tr><tr><td>complete</td><td>OfflineAudioContext 渲染完成。</td></tr><tr><td>durationchange</td><td>duration 属性的值改变时触发。</td></tr><tr><td>emptied</td><td>媒体内容变为空；例如，当这个 media 已经加载完成（或者部分加载完成），则发送此事件，并调用 load() 方法重新加载它。</td></tr><tr><td>ended</td><td>视频停止播放，因为 media 已经到达结束点。</td></tr><tr><td>loadedmetadata</td><td>已加载元数据。</td></tr><tr><td>progress</td><td>在浏览器加载资源时周期性触发。</td></tr><tr><td>ratechange</td><td>播放速率发生变化。</td></tr><tr><td>seeked</td><td>跳帧（seek）操作完成。</td></tr><tr><td>seeking</td><td>跳帧（seek）操作开始。</td></tr><tr><td>stalled</td><td>用户代理（user agent）正在尝试获取媒体数据，但数据意外未出现。</td></tr><tr><td>suspend</td><td>媒体数据加载已暂停。</td></tr><tr><td>loadeddata</td><td>media 中的首帧已经完成加载。</td></tr><tr><td>timeupdate</td><td>currentTime 属性指定的时间发生变化。</td></tr><tr><td>volumechange</td><td>音量发生变化。</td></tr><tr><td>waiting</td><td>由于暂时缺少数据，播放已停止。</td></tr><tr><td>play</td><td>播放已开始。</td></tr><tr><td>playing</td><td>由于缺乏数据而暂停或延迟后，播放准备开始。</td></tr><tr><td>pause</td><td>播放已暂停。</td></tr><tr><td>volume</td><td>音量发生变化。</td></tr><tr><td>fullscreen</td><td>触发全屏事件</td></tr></tbody></table>',25)]))}const m=e(i,[["render",l]]);export{u as __pageData,m as default};
+import{_ as e,o as d,c as a,a3 as r}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"r-player 视频播放器","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/player/index.md","filePath":"cn/src/ranui/player/index.md","lastUpdated":1728129344000}'),i={name:"cn/src/ranui/player/index.md"};function l(o,t,n,s,h,c){return d(),a("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="r-player-视频播放器" tabindex="-1">r-player 视频播放器 <a class="header-anchor" href="#r-player-视频播放器" aria-label="Permalink to &quot;r-player 视频播放器&quot;">​</a></h1><p>基于<code>hlsjs</code>和<code>web components</code>，让原生的标签<code>r-player</code>拥有统一的视频控件。 不采用<code>new Player(options)</code>的方式挂载到指定<code>dom</code>，视图的归视图，逻辑的归逻辑，所见及所得，更加直观。</p><ol><li>可拖拽进度条</li><li>音量控制</li><li>根据当前带宽自适应码率切换</li><li>手动清晰度切换</li><li>倍速播放</li><li>样式自定义覆盖</li><li><code>hls</code>协议标准加密视频播放</li><li>基于原生开发，可在所有框架运行，统一跨框架情况</li><li>各浏览器控件统一</li></ol><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-player style="display:block;width:100%;max-width:600px;height:300px;" src="/ran/hls/example.m3u8"></r-player><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;/ran/hls/example.m3u8&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="src" tabindex="-1">src <a class="header-anchor" href="#src" aria-label="Permalink to &quot;src&quot;">​</a></h3><p>视频的资源地址</p><h3 id="volume" tabindex="-1">volume <a class="header-anchor" href="#volume" aria-label="Permalink to &quot;volume&quot;">​</a></h3><p>设置初始音量，默认 0.5</p><h3 id="currenttime" tabindex="-1">currentTime <a class="header-anchor" href="#currenttime" aria-label="Permalink to &quot;currentTime&quot;">​</a></h3><p>设置初始播放时间，默认从头开始播放</p><h3 id="playbackrate" tabindex="-1">playbackRate <a class="header-anchor" href="#playbackrate" aria-label="Permalink to &quot;playbackRate&quot;">​</a></h3><p>设置倍速，默认 1.0</p><h3 id="debug" tabindex="-1">debug <a class="header-anchor" href="#debug" aria-label="Permalink to &quot;debug&quot;">​</a></h3><p>控制台会打印输出一些信息</p><h2 id="事件event" tabindex="-1">事件<code>event</code> <a class="header-anchor" href="#事件event" aria-label="Permalink to &quot;事件`event`&quot;">​</a></h2><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>监听任何播放器发生的变化，返回的值如下。</p><p>可通过这个方法获得<code>播放器的实例</code>。</p><p>活着通过<code>type</code>判断不同的事件类型，进行不同的操作</p><table tabindex="0"><thead><tr><th>属性</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>type</td><td>发生变化的事件类型</td><td><code>string</code></td></tr><tr><td>data</td><td>事件的值</td><td><code>Object</code></td></tr><tr><td>currentTime</td><td>播放的当前时间</td><td><code>number</code></td></tr><tr><td>duration</td><td>视频的总时长</td><td><code>number</code></td></tr><tr><td>tag</td><td>播放器的实例</td><td><code>Element</code></td></tr></tbody></table><p>其中<code>type</code>类型有</p><table tabindex="0"><thead><tr><th>名称</th><th>说明</th></tr></thead><tbody><tr><td>canplay</td><td>浏览器可以播放媒体文件了，但估计没有足够的数据来支撑播放到结束，不必停下来进一步缓冲内容。</td></tr><tr><td>canplaythrough</td><td>浏览器估计它可以在不停止内容缓冲的情况下播放媒体直到结束。</td></tr><tr><td>complete</td><td>OfflineAudioContext 渲染完成。</td></tr><tr><td>durationchange</td><td>duration 属性的值改变时触发。</td></tr><tr><td>emptied</td><td>媒体内容变为空；例如，当这个 media 已经加载完成（或者部分加载完成），则发送此事件，并调用 load() 方法重新加载它。</td></tr><tr><td>ended</td><td>视频停止播放，因为 media 已经到达结束点。</td></tr><tr><td>loadedmetadata</td><td>已加载元数据。</td></tr><tr><td>progress</td><td>在浏览器加载资源时周期性触发。</td></tr><tr><td>ratechange</td><td>播放速率发生变化。</td></tr><tr><td>seeked</td><td>跳帧（seek）操作完成。</td></tr><tr><td>seeking</td><td>跳帧（seek）操作开始。</td></tr><tr><td>stalled</td><td>用户代理（user agent）正在尝试获取媒体数据，但数据意外未出现。</td></tr><tr><td>suspend</td><td>媒体数据加载已暂停。</td></tr><tr><td>loadeddata</td><td>media 中的首帧已经完成加载。</td></tr><tr><td>timeupdate</td><td>currentTime 属性指定的时间发生变化。</td></tr><tr><td>volumechange</td><td>音量发生变化。</td></tr><tr><td>waiting</td><td>由于暂时缺少数据，播放已停止。</td></tr><tr><td>play</td><td>播放已开始。</td></tr><tr><td>playing</td><td>由于缺乏数据而暂停或延迟后，播放准备开始。</td></tr><tr><td>pause</td><td>播放已暂停。</td></tr><tr><td>volume</td><td>音量发生变化。</td></tr><tr><td>fullscreen</td><td>触发全屏事件</td></tr></tbody></table>',25)]))}const m=e(i,[["render",l]]);export{u as __pageData,m as default};
diff --git a/assets/cn_src_ranui_player_index.md.DXjOFy1h.lean.js b/assets/cn_src_ranui_player_index.md.ClG2z7Rd.lean.js
similarity index 99%
rename from assets/cn_src_ranui_player_index.md.DXjOFy1h.lean.js
rename to assets/cn_src_ranui_player_index.md.ClG2z7Rd.lean.js
index c793b7713a..605f89be3e 100644
--- a/assets/cn_src_ranui_player_index.md.DXjOFy1h.lean.js
+++ b/assets/cn_src_ranui_player_index.md.ClG2z7Rd.lean.js
@@ -1 +1 @@
-import{_ as e,o as d,c as a,a3 as r}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"r-player 视频播放器","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/player/index.md","filePath":"cn/src/ranui/player/index.md","lastUpdated":1728129125000}'),i={name:"cn/src/ranui/player/index.md"};function l(o,t,n,s,h,c){return d(),a("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="r-player-视频播放器" tabindex="-1">r-player 视频播放器 <a class="header-anchor" href="#r-player-视频播放器" aria-label="Permalink to &quot;r-player 视频播放器&quot;">​</a></h1><p>基于<code>hlsjs</code>和<code>web components</code>，让原生的标签<code>r-player</code>拥有统一的视频控件。 不采用<code>new Player(options)</code>的方式挂载到指定<code>dom</code>，视图的归视图，逻辑的归逻辑，所见及所得，更加直观。</p><ol><li>可拖拽进度条</li><li>音量控制</li><li>根据当前带宽自适应码率切换</li><li>手动清晰度切换</li><li>倍速播放</li><li>样式自定义覆盖</li><li><code>hls</code>协议标准加密视频播放</li><li>基于原生开发，可在所有框架运行，统一跨框架情况</li><li>各浏览器控件统一</li></ol><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-player style="display:block;width:100%;max-width:600px;height:300px;" src="/ran/hls/example.m3u8"></r-player><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;/ran/hls/example.m3u8&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="src" tabindex="-1">src <a class="header-anchor" href="#src" aria-label="Permalink to &quot;src&quot;">​</a></h3><p>视频的资源地址</p><h3 id="volume" tabindex="-1">volume <a class="header-anchor" href="#volume" aria-label="Permalink to &quot;volume&quot;">​</a></h3><p>设置初始音量，默认 0.5</p><h3 id="currenttime" tabindex="-1">currentTime <a class="header-anchor" href="#currenttime" aria-label="Permalink to &quot;currentTime&quot;">​</a></h3><p>设置初始播放时间，默认从头开始播放</p><h3 id="playbackrate" tabindex="-1">playbackRate <a class="header-anchor" href="#playbackrate" aria-label="Permalink to &quot;playbackRate&quot;">​</a></h3><p>设置倍速，默认 1.0</p><h3 id="debug" tabindex="-1">debug <a class="header-anchor" href="#debug" aria-label="Permalink to &quot;debug&quot;">​</a></h3><p>控制台会打印输出一些信息</p><h2 id="事件event" tabindex="-1">事件<code>event</code> <a class="header-anchor" href="#事件event" aria-label="Permalink to &quot;事件`event`&quot;">​</a></h2><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>监听任何播放器发生的变化，返回的值如下。</p><p>可通过这个方法获得<code>播放器的实例</code>。</p><p>活着通过<code>type</code>判断不同的事件类型，进行不同的操作</p><table tabindex="0"><thead><tr><th>属性</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>type</td><td>发生变化的事件类型</td><td><code>string</code></td></tr><tr><td>data</td><td>事件的值</td><td><code>Object</code></td></tr><tr><td>currentTime</td><td>播放的当前时间</td><td><code>number</code></td></tr><tr><td>duration</td><td>视频的总时长</td><td><code>number</code></td></tr><tr><td>tag</td><td>播放器的实例</td><td><code>Element</code></td></tr></tbody></table><p>其中<code>type</code>类型有</p><table tabindex="0"><thead><tr><th>名称</th><th>说明</th></tr></thead><tbody><tr><td>canplay</td><td>浏览器可以播放媒体文件了，但估计没有足够的数据来支撑播放到结束，不必停下来进一步缓冲内容。</td></tr><tr><td>canplaythrough</td><td>浏览器估计它可以在不停止内容缓冲的情况下播放媒体直到结束。</td></tr><tr><td>complete</td><td>OfflineAudioContext 渲染完成。</td></tr><tr><td>durationchange</td><td>duration 属性的值改变时触发。</td></tr><tr><td>emptied</td><td>媒体内容变为空；例如，当这个 media 已经加载完成（或者部分加载完成），则发送此事件，并调用 load() 方法重新加载它。</td></tr><tr><td>ended</td><td>视频停止播放，因为 media 已经到达结束点。</td></tr><tr><td>loadedmetadata</td><td>已加载元数据。</td></tr><tr><td>progress</td><td>在浏览器加载资源时周期性触发。</td></tr><tr><td>ratechange</td><td>播放速率发生变化。</td></tr><tr><td>seeked</td><td>跳帧（seek）操作完成。</td></tr><tr><td>seeking</td><td>跳帧（seek）操作开始。</td></tr><tr><td>stalled</td><td>用户代理（user agent）正在尝试获取媒体数据，但数据意外未出现。</td></tr><tr><td>suspend</td><td>媒体数据加载已暂停。</td></tr><tr><td>loadeddata</td><td>media 中的首帧已经完成加载。</td></tr><tr><td>timeupdate</td><td>currentTime 属性指定的时间发生变化。</td></tr><tr><td>volumechange</td><td>音量发生变化。</td></tr><tr><td>waiting</td><td>由于暂时缺少数据，播放已停止。</td></tr><tr><td>play</td><td>播放已开始。</td></tr><tr><td>playing</td><td>由于缺乏数据而暂停或延迟后，播放准备开始。</td></tr><tr><td>pause</td><td>播放已暂停。</td></tr><tr><td>volume</td><td>音量发生变化。</td></tr><tr><td>fullscreen</td><td>触发全屏事件</td></tr></tbody></table>',25)]))}const m=e(i,[["render",l]]);export{u as __pageData,m as default};
+import{_ as e,o as d,c as a,a3 as r}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"r-player 视频播放器","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/player/index.md","filePath":"cn/src/ranui/player/index.md","lastUpdated":1728129344000}'),i={name:"cn/src/ranui/player/index.md"};function l(o,t,n,s,h,c){return d(),a("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="r-player-视频播放器" tabindex="-1">r-player 视频播放器 <a class="header-anchor" href="#r-player-视频播放器" aria-label="Permalink to &quot;r-player 视频播放器&quot;">​</a></h1><p>基于<code>hlsjs</code>和<code>web components</code>，让原生的标签<code>r-player</code>拥有统一的视频控件。 不采用<code>new Player(options)</code>的方式挂载到指定<code>dom</code>，视图的归视图，逻辑的归逻辑，所见及所得，更加直观。</p><ol><li>可拖拽进度条</li><li>音量控制</li><li>根据当前带宽自适应码率切换</li><li>手动清晰度切换</li><li>倍速播放</li><li>样式自定义覆盖</li><li><code>hls</code>协议标准加密视频播放</li><li>基于原生开发，可在所有框架运行，统一跨框架情况</li><li>各浏览器控件统一</li></ol><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-player style="display:block;width:100%;max-width:600px;height:300px;" src="/ran/hls/example.m3u8"></r-player><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;/ran/hls/example.m3u8&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="src" tabindex="-1">src <a class="header-anchor" href="#src" aria-label="Permalink to &quot;src&quot;">​</a></h3><p>视频的资源地址</p><h3 id="volume" tabindex="-1">volume <a class="header-anchor" href="#volume" aria-label="Permalink to &quot;volume&quot;">​</a></h3><p>设置初始音量，默认 0.5</p><h3 id="currenttime" tabindex="-1">currentTime <a class="header-anchor" href="#currenttime" aria-label="Permalink to &quot;currentTime&quot;">​</a></h3><p>设置初始播放时间，默认从头开始播放</p><h3 id="playbackrate" tabindex="-1">playbackRate <a class="header-anchor" href="#playbackrate" aria-label="Permalink to &quot;playbackRate&quot;">​</a></h3><p>设置倍速，默认 1.0</p><h3 id="debug" tabindex="-1">debug <a class="header-anchor" href="#debug" aria-label="Permalink to &quot;debug&quot;">​</a></h3><p>控制台会打印输出一些信息</p><h2 id="事件event" tabindex="-1">事件<code>event</code> <a class="header-anchor" href="#事件event" aria-label="Permalink to &quot;事件`event`&quot;">​</a></h2><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>监听任何播放器发生的变化，返回的值如下。</p><p>可通过这个方法获得<code>播放器的实例</code>。</p><p>活着通过<code>type</code>判断不同的事件类型，进行不同的操作</p><table tabindex="0"><thead><tr><th>属性</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>type</td><td>发生变化的事件类型</td><td><code>string</code></td></tr><tr><td>data</td><td>事件的值</td><td><code>Object</code></td></tr><tr><td>currentTime</td><td>播放的当前时间</td><td><code>number</code></td></tr><tr><td>duration</td><td>视频的总时长</td><td><code>number</code></td></tr><tr><td>tag</td><td>播放器的实例</td><td><code>Element</code></td></tr></tbody></table><p>其中<code>type</code>类型有</p><table tabindex="0"><thead><tr><th>名称</th><th>说明</th></tr></thead><tbody><tr><td>canplay</td><td>浏览器可以播放媒体文件了，但估计没有足够的数据来支撑播放到结束，不必停下来进一步缓冲内容。</td></tr><tr><td>canplaythrough</td><td>浏览器估计它可以在不停止内容缓冲的情况下播放媒体直到结束。</td></tr><tr><td>complete</td><td>OfflineAudioContext 渲染完成。</td></tr><tr><td>durationchange</td><td>duration 属性的值改变时触发。</td></tr><tr><td>emptied</td><td>媒体内容变为空；例如，当这个 media 已经加载完成（或者部分加载完成），则发送此事件，并调用 load() 方法重新加载它。</td></tr><tr><td>ended</td><td>视频停止播放，因为 media 已经到达结束点。</td></tr><tr><td>loadedmetadata</td><td>已加载元数据。</td></tr><tr><td>progress</td><td>在浏览器加载资源时周期性触发。</td></tr><tr><td>ratechange</td><td>播放速率发生变化。</td></tr><tr><td>seeked</td><td>跳帧（seek）操作完成。</td></tr><tr><td>seeking</td><td>跳帧（seek）操作开始。</td></tr><tr><td>stalled</td><td>用户代理（user agent）正在尝试获取媒体数据，但数据意外未出现。</td></tr><tr><td>suspend</td><td>媒体数据加载已暂停。</td></tr><tr><td>loadeddata</td><td>media 中的首帧已经完成加载。</td></tr><tr><td>timeupdate</td><td>currentTime 属性指定的时间发生变化。</td></tr><tr><td>volumechange</td><td>音量发生变化。</td></tr><tr><td>waiting</td><td>由于暂时缺少数据，播放已停止。</td></tr><tr><td>play</td><td>播放已开始。</td></tr><tr><td>playing</td><td>由于缺乏数据而暂停或延迟后，播放准备开始。</td></tr><tr><td>pause</td><td>播放已暂停。</td></tr><tr><td>volume</td><td>音量发生变化。</td></tr><tr><td>fullscreen</td><td>触发全屏事件</td></tr></tbody></table>',25)]))}const m=e(i,[["render",l]]);export{u as __pageData,m as default};
diff --git a/assets/cn_src_ranui_popover_index.md.YQ2K5eFD.js b/assets/cn_src_ranui_popover_index.md.CKCBCC0z.js
similarity index 99%
rename from assets/cn_src_ranui_popover_index.md.YQ2K5eFD.js
rename to assets/cn_src_ranui_popover_index.md.CKCBCC0z.js
index f198f15b82..e775da17d5 100644
--- a/assets/cn_src_ranui_popover_index.md.YQ2K5eFD.js
+++ b/assets/cn_src_ranui_popover_index.md.CKCBCC0z.js
@@ -1,4 +1,4 @@
-import{_ as t,o as n,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"Popover 气泡卡片","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/popover/index.md","filePath":"cn/src/ranui/popover/index.md","lastUpdated":1728129125000}'),h={name:"cn/src/ranui/popover/index.md"};function p(k,a,e,E,r,d){return n(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="popover-气泡卡片" tabindex="-1">Popover 气泡卡片 <a class="header-anchor" href="#popover-气泡卡片" aria-label="Permalink to &quot;Popover 气泡卡片&quot;">​</a></h1><p>点击/鼠标移入元素，弹出气泡式的卡片浮层。</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-popover><r-button>popover</r-button><r-content><div>this is content</div></r-content></r-popover><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-popover</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as t,o as n,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"Popover 气泡卡片","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/popover/index.md","filePath":"cn/src/ranui/popover/index.md","lastUpdated":1728129344000}'),h={name:"cn/src/ranui/popover/index.md"};function p(k,a,e,E,r,d){return n(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="popover-气泡卡片" tabindex="-1">Popover 气泡卡片 <a class="header-anchor" href="#popover-气泡卡片" aria-label="Permalink to &quot;Popover 气泡卡片&quot;">​</a></h1><p>点击/鼠标移入元素，弹出气泡式的卡片浮层。</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-popover><r-button>popover</r-button><r-content><div>this is content</div></r-content></r-popover><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-popover</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;popover&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;this is content&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranui_popover_index.md.YQ2K5eFD.lean.js b/assets/cn_src_ranui_popover_index.md.CKCBCC0z.lean.js
similarity index 99%
rename from assets/cn_src_ranui_popover_index.md.YQ2K5eFD.lean.js
rename to assets/cn_src_ranui_popover_index.md.CKCBCC0z.lean.js
index f198f15b82..e775da17d5 100644
--- a/assets/cn_src_ranui_popover_index.md.YQ2K5eFD.lean.js
+++ b/assets/cn_src_ranui_popover_index.md.CKCBCC0z.lean.js
@@ -1,4 +1,4 @@
-import{_ as t,o as n,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"Popover 气泡卡片","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/popover/index.md","filePath":"cn/src/ranui/popover/index.md","lastUpdated":1728129125000}'),h={name:"cn/src/ranui/popover/index.md"};function p(k,a,e,E,r,d){return n(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="popover-气泡卡片" tabindex="-1">Popover 气泡卡片 <a class="header-anchor" href="#popover-气泡卡片" aria-label="Permalink to &quot;Popover 气泡卡片&quot;">​</a></h1><p>点击/鼠标移入元素，弹出气泡式的卡片浮层。</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-popover><r-button>popover</r-button><r-content><div>this is content</div></r-content></r-popover><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-popover</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as t,o as n,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"Popover 气泡卡片","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/popover/index.md","filePath":"cn/src/ranui/popover/index.md","lastUpdated":1728129344000}'),h={name:"cn/src/ranui/popover/index.md"};function p(k,a,e,E,r,d){return n(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="popover-气泡卡片" tabindex="-1">Popover 气泡卡片 <a class="header-anchor" href="#popover-气泡卡片" aria-label="Permalink to &quot;Popover 气泡卡片&quot;">​</a></h1><p>点击/鼠标移入元素，弹出气泡式的卡片浮层。</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-popover><r-button>popover</r-button><r-content><div>this is content</div></r-content></r-popover><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-popover</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;popover&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;this is content&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranui_preview_index.md.MwV2D84f.js b/assets/cn_src_ranui_preview_index.md.HNgH1cdk.js
similarity index 99%
rename from assets/cn_src_ranui_preview_index.md.MwV2D84f.js
rename to assets/cn_src_ranui_preview_index.md.HNgH1cdk.js
index ab27676631..ab7ae8d3b0 100644
--- a/assets/cn_src_ranui_preview_index.md.MwV2D84f.js
+++ b/assets/cn_src_ranui_preview_index.md.HNgH1cdk.js
@@ -1,4 +1,4 @@
-import{_ as h,o as t,c as n,a3 as a,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"preview 文件预览","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/preview/index.md","filePath":"cn/src/ranui/preview/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/ranui/preview/index.md"};function k(p,i,e,E,r,d){return t(),n("div",{"data-pagefind-body":!0},i[0]||(i[0]=[a('<h1 id="preview-文件预览" tabindex="-1">preview 文件预览 <a class="header-anchor" href="#preview-文件预览" aria-label="Permalink to &quot;preview 文件预览&quot;">​</a></h1><p>支持<code>docx</code>，<code>pptx</code>，<code>pdf</code>,<code>xlsx</code>文件的预览</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2>',3),s("div",{style:{width:"100px","margin-top":"10px"}},[s("r-preview",{id:"fhdjskafk"}),s("r-button",{type:"primary",onclick:"uploadFile('fhdjskafk')"},"choose file to preview")],-1),a(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> id</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;preview&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as h,o as t,c as n,a3 as a,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"preview 文件预览","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/preview/index.md","filePath":"cn/src/ranui/preview/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/ranui/preview/index.md"};function k(p,i,e,E,r,d){return t(),n("div",{"data-pagefind-body":!0},i[0]||(i[0]=[a('<h1 id="preview-文件预览" tabindex="-1">preview 文件预览 <a class="header-anchor" href="#preview-文件预览" aria-label="Permalink to &quot;preview 文件预览&quot;">​</a></h1><p>支持<code>docx</code>，<code>pptx</code>，<code>pdf</code>,<code>xlsx</code>文件的预览</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2>',3),s("div",{style:{width:"100px","margin-top":"10px"}},[s("r-preview",{id:"fhdjskafk"}),s("r-button",{type:"primary",onclick:"uploadFile('fhdjskafk')"},"choose file to preview")],-1),a(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> id</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;preview&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">uploadFile</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">()&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;choose file to preview&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranui_preview_index.md.MwV2D84f.lean.js b/assets/cn_src_ranui_preview_index.md.HNgH1cdk.lean.js
similarity index 99%
rename from assets/cn_src_ranui_preview_index.md.MwV2D84f.lean.js
rename to assets/cn_src_ranui_preview_index.md.HNgH1cdk.lean.js
index ab27676631..ab7ae8d3b0 100644
--- a/assets/cn_src_ranui_preview_index.md.MwV2D84f.lean.js
+++ b/assets/cn_src_ranui_preview_index.md.HNgH1cdk.lean.js
@@ -1,4 +1,4 @@
-import{_ as h,o as t,c as n,a3 as a,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"preview 文件预览","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/preview/index.md","filePath":"cn/src/ranui/preview/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/ranui/preview/index.md"};function k(p,i,e,E,r,d){return t(),n("div",{"data-pagefind-body":!0},i[0]||(i[0]=[a('<h1 id="preview-文件预览" tabindex="-1">preview 文件预览 <a class="header-anchor" href="#preview-文件预览" aria-label="Permalink to &quot;preview 文件预览&quot;">​</a></h1><p>支持<code>docx</code>，<code>pptx</code>，<code>pdf</code>,<code>xlsx</code>文件的预览</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2>',3),s("div",{style:{width:"100px","margin-top":"10px"}},[s("r-preview",{id:"fhdjskafk"}),s("r-button",{type:"primary",onclick:"uploadFile('fhdjskafk')"},"choose file to preview")],-1),a(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> id</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;preview&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as h,o as t,c as n,a3 as a,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"preview 文件预览","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/preview/index.md","filePath":"cn/src/ranui/preview/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/ranui/preview/index.md"};function k(p,i,e,E,r,d){return t(),n("div",{"data-pagefind-body":!0},i[0]||(i[0]=[a('<h1 id="preview-文件预览" tabindex="-1">preview 文件预览 <a class="header-anchor" href="#preview-文件预览" aria-label="Permalink to &quot;preview 文件预览&quot;">​</a></h1><p>支持<code>docx</code>，<code>pptx</code>，<code>pdf</code>,<code>xlsx</code>文件的预览</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2>',3),s("div",{style:{width:"100px","margin-top":"10px"}},[s("r-preview",{id:"fhdjskafk"}),s("r-button",{type:"primary",onclick:"uploadFile('fhdjskafk')"},"choose file to preview")],-1),a(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> id</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;preview&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">uploadFile</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">()&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;choose file to preview&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranui_progress_index.md.BhrzleOl.js b/assets/cn_src_ranui_progress_index.md.B6p9KAvb.js
similarity index 99%
rename from assets/cn_src_ranui_progress_index.md.BhrzleOl.js
rename to assets/cn_src_ranui_progress_index.md.B6p9KAvb.js
index 19981df892..2e017a56d5 100644
--- a/assets/cn_src_ranui_progress_index.md.BhrzleOl.js
+++ b/assets/cn_src_ranui_progress_index.md.B6p9KAvb.js
@@ -1 +1 @@
-import{_ as t,o as h,c as e,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"progress 进度条","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/progress/index.md","filePath":"cn/src/ranui/progress/index.md","lastUpdated":1728129125000}'),p={name:"cn/src/ranui/progress/index.md"};function l(n,a,k,r,d,E){return h(),e("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="progress-进度条" tabindex="-1">progress 进度条 <a class="header-anchor" href="#progress-进度条" aria-label="Permalink to &quot;progress 进度条&quot;">​</a></h1><p>可交互的进度条</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-progress type="drag"></r-progress><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="总进度total" tabindex="-1">总进度<code>total</code> <a class="header-anchor" href="#总进度total" aria-label="Permalink to &quot;总进度`total`&quot;">​</a></h3><p>设置进度条总进度，允许百分比和数字。</p>',8),s("r-progress",{percent:"30",total:"1000"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{percent:"70",total:"100"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{percent:"10%",total:"100%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;1000&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;70&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="当前进度percent" tabindex="-1">当前进度<code>percent</code> <a class="header-anchor" href="#当前进度percent" aria-label="Permalink to &quot;当前进度`percent`&quot;">​</a></h3><p>设置进度条的当前进度，可以设置百分比和数字，<code>percent</code>不能超过<code>total</code>。如果不设置<code>total</code>，默认<code>total</code>为<code>100%</code>也就是<code>1</code>。</p>',3),s("r-progress",{type:"primary",percent:"30%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"70%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"100%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="进度条的点dot" tabindex="-1">进度条的点<code>dot</code> <a class="header-anchor" href="#进度条的点dot" aria-label="Permalink to &quot;进度条的点`dot`&quot;">​</a></h3><p>默认展示，设置成<code>false</code>可隐藏</p>',3),s("r-progress",{type:"drag",percent:"30%",dot:"false"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%",dot:"true"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="类型type" tabindex="-1">类型<code>type</code> <a class="header-anchor" href="#类型type" aria-label="Permalink to &quot;类型`type`&quot;">​</a></h3><ul><li><code>primary</code>: 默认的进度条，不设置<code>type</code>属性是默认</li><li><code>drag</code>: 可拖动，可点击的进度条（拖动需要设置<code>dot</code>为<code>true</code>）</li></ul>',3),s("r-progress",{type:"drag",percent:"30%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="方法" tabindex="-1">方法 <a class="header-anchor" href="#方法" aria-label="Permalink to &quot;方法&quot;">​</a></h2><h3 id="change" tabindex="-1"><code>change</code> <a class="header-anchor" href="#change" aria-label="Permalink to &quot;`change`&quot;">​</a></h3><p>当<code>percent</code>和<code>total</code>属性发生变化时，触发<code>change</code>事件。</p><table tabindex="0"><thead><tr><th>属性</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>value</td><td>当前进度</td><td><code>string｜number</code></td></tr><tr><td>percent</td><td>当前进度</td><td><code>string｜number</code></td></tr><tr><td>total</td><td>总进度</td><td><code>string｜number</code></td></tr></tbody></table>',5)]))}const y=t(p,[["render",l]]);export{g as __pageData,y as default};
+import{_ as t,o as h,c as e,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"progress 进度条","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/progress/index.md","filePath":"cn/src/ranui/progress/index.md","lastUpdated":1728129344000}'),p={name:"cn/src/ranui/progress/index.md"};function l(n,a,k,r,d,E){return h(),e("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="progress-进度条" tabindex="-1">progress 进度条 <a class="header-anchor" href="#progress-进度条" aria-label="Permalink to &quot;progress 进度条&quot;">​</a></h1><p>可交互的进度条</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-progress type="drag"></r-progress><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="总进度total" tabindex="-1">总进度<code>total</code> <a class="header-anchor" href="#总进度total" aria-label="Permalink to &quot;总进度`total`&quot;">​</a></h3><p>设置进度条总进度，允许百分比和数字。</p>',8),s("r-progress",{percent:"30",total:"1000"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{percent:"70",total:"100"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{percent:"10%",total:"100%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;1000&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;70&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="当前进度percent" tabindex="-1">当前进度<code>percent</code> <a class="header-anchor" href="#当前进度percent" aria-label="Permalink to &quot;当前进度`percent`&quot;">​</a></h3><p>设置进度条的当前进度，可以设置百分比和数字，<code>percent</code>不能超过<code>total</code>。如果不设置<code>total</code>，默认<code>total</code>为<code>100%</code>也就是<code>1</code>。</p>',3),s("r-progress",{type:"primary",percent:"30%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"70%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"100%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="进度条的点dot" tabindex="-1">进度条的点<code>dot</code> <a class="header-anchor" href="#进度条的点dot" aria-label="Permalink to &quot;进度条的点`dot`&quot;">​</a></h3><p>默认展示，设置成<code>false</code>可隐藏</p>',3),s("r-progress",{type:"drag",percent:"30%",dot:"false"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%",dot:"true"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="类型type" tabindex="-1">类型<code>type</code> <a class="header-anchor" href="#类型type" aria-label="Permalink to &quot;类型`type`&quot;">​</a></h3><ul><li><code>primary</code>: 默认的进度条，不设置<code>type</code>属性是默认</li><li><code>drag</code>: 可拖动，可点击的进度条（拖动需要设置<code>dot</code>为<code>true</code>）</li></ul>',3),s("r-progress",{type:"drag",percent:"30%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="方法" tabindex="-1">方法 <a class="header-anchor" href="#方法" aria-label="Permalink to &quot;方法&quot;">​</a></h2><h3 id="change" tabindex="-1"><code>change</code> <a class="header-anchor" href="#change" aria-label="Permalink to &quot;`change`&quot;">​</a></h3><p>当<code>percent</code>和<code>total</code>属性发生变化时，触发<code>change</code>事件。</p><table tabindex="0"><thead><tr><th>属性</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>value</td><td>当前进度</td><td><code>string｜number</code></td></tr><tr><td>percent</td><td>当前进度</td><td><code>string｜number</code></td></tr><tr><td>total</td><td>总进度</td><td><code>string｜number</code></td></tr></tbody></table>',5)]))}const y=t(p,[["render",l]]);export{g as __pageData,y as default};
diff --git a/assets/cn_src_ranui_progress_index.md.BhrzleOl.lean.js b/assets/cn_src_ranui_progress_index.md.B6p9KAvb.lean.js
similarity index 99%
rename from assets/cn_src_ranui_progress_index.md.BhrzleOl.lean.js
rename to assets/cn_src_ranui_progress_index.md.B6p9KAvb.lean.js
index 19981df892..2e017a56d5 100644
--- a/assets/cn_src_ranui_progress_index.md.BhrzleOl.lean.js
+++ b/assets/cn_src_ranui_progress_index.md.B6p9KAvb.lean.js
@@ -1 +1 @@
-import{_ as t,o as h,c as e,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"progress 进度条","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/progress/index.md","filePath":"cn/src/ranui/progress/index.md","lastUpdated":1728129125000}'),p={name:"cn/src/ranui/progress/index.md"};function l(n,a,k,r,d,E){return h(),e("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="progress-进度条" tabindex="-1">progress 进度条 <a class="header-anchor" href="#progress-进度条" aria-label="Permalink to &quot;progress 进度条&quot;">​</a></h1><p>可交互的进度条</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-progress type="drag"></r-progress><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="总进度total" tabindex="-1">总进度<code>total</code> <a class="header-anchor" href="#总进度total" aria-label="Permalink to &quot;总进度`total`&quot;">​</a></h3><p>设置进度条总进度，允许百分比和数字。</p>',8),s("r-progress",{percent:"30",total:"1000"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{percent:"70",total:"100"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{percent:"10%",total:"100%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;1000&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;70&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="当前进度percent" tabindex="-1">当前进度<code>percent</code> <a class="header-anchor" href="#当前进度percent" aria-label="Permalink to &quot;当前进度`percent`&quot;">​</a></h3><p>设置进度条的当前进度，可以设置百分比和数字，<code>percent</code>不能超过<code>total</code>。如果不设置<code>total</code>，默认<code>total</code>为<code>100%</code>也就是<code>1</code>。</p>',3),s("r-progress",{type:"primary",percent:"30%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"70%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"100%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="进度条的点dot" tabindex="-1">进度条的点<code>dot</code> <a class="header-anchor" href="#进度条的点dot" aria-label="Permalink to &quot;进度条的点`dot`&quot;">​</a></h3><p>默认展示，设置成<code>false</code>可隐藏</p>',3),s("r-progress",{type:"drag",percent:"30%",dot:"false"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%",dot:"true"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="类型type" tabindex="-1">类型<code>type</code> <a class="header-anchor" href="#类型type" aria-label="Permalink to &quot;类型`type`&quot;">​</a></h3><ul><li><code>primary</code>: 默认的进度条，不设置<code>type</code>属性是默认</li><li><code>drag</code>: 可拖动，可点击的进度条（拖动需要设置<code>dot</code>为<code>true</code>）</li></ul>',3),s("r-progress",{type:"drag",percent:"30%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="方法" tabindex="-1">方法 <a class="header-anchor" href="#方法" aria-label="Permalink to &quot;方法&quot;">​</a></h2><h3 id="change" tabindex="-1"><code>change</code> <a class="header-anchor" href="#change" aria-label="Permalink to &quot;`change`&quot;">​</a></h3><p>当<code>percent</code>和<code>total</code>属性发生变化时，触发<code>change</code>事件。</p><table tabindex="0"><thead><tr><th>属性</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>value</td><td>当前进度</td><td><code>string｜number</code></td></tr><tr><td>percent</td><td>当前进度</td><td><code>string｜number</code></td></tr><tr><td>total</td><td>总进度</td><td><code>string｜number</code></td></tr></tbody></table>',5)]))}const y=t(p,[["render",l]]);export{g as __pageData,y as default};
+import{_ as t,o as h,c as e,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"progress 进度条","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/progress/index.md","filePath":"cn/src/ranui/progress/index.md","lastUpdated":1728129344000}'),p={name:"cn/src/ranui/progress/index.md"};function l(n,a,k,r,d,E){return h(),e("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="progress-进度条" tabindex="-1">progress 进度条 <a class="header-anchor" href="#progress-进度条" aria-label="Permalink to &quot;progress 进度条&quot;">​</a></h1><p>可交互的进度条</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-progress type="drag"></r-progress><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="总进度total" tabindex="-1">总进度<code>total</code> <a class="header-anchor" href="#总进度total" aria-label="Permalink to &quot;总进度`total`&quot;">​</a></h3><p>设置进度条总进度，允许百分比和数字。</p>',8),s("r-progress",{percent:"30",total:"1000"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{percent:"70",total:"100"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{percent:"10%",total:"100%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;1000&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;70&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="当前进度percent" tabindex="-1">当前进度<code>percent</code> <a class="header-anchor" href="#当前进度percent" aria-label="Permalink to &quot;当前进度`percent`&quot;">​</a></h3><p>设置进度条的当前进度，可以设置百分比和数字，<code>percent</code>不能超过<code>total</code>。如果不设置<code>total</code>，默认<code>total</code>为<code>100%</code>也就是<code>1</code>。</p>',3),s("r-progress",{type:"primary",percent:"30%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"70%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"100%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="进度条的点dot" tabindex="-1">进度条的点<code>dot</code> <a class="header-anchor" href="#进度条的点dot" aria-label="Permalink to &quot;进度条的点`dot`&quot;">​</a></h3><p>默认展示，设置成<code>false</code>可隐藏</p>',3),s("r-progress",{type:"drag",percent:"30%",dot:"false"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%",dot:"true"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="类型type" tabindex="-1">类型<code>type</code> <a class="header-anchor" href="#类型type" aria-label="Permalink to &quot;类型`type`&quot;">​</a></h3><ul><li><code>primary</code>: 默认的进度条，不设置<code>type</code>属性是默认</li><li><code>drag</code>: 可拖动，可点击的进度条（拖动需要设置<code>dot</code>为<code>true</code>）</li></ul>',3),s("r-progress",{type:"drag",percent:"30%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="方法" tabindex="-1">方法 <a class="header-anchor" href="#方法" aria-label="Permalink to &quot;方法&quot;">​</a></h2><h3 id="change" tabindex="-1"><code>change</code> <a class="header-anchor" href="#change" aria-label="Permalink to &quot;`change`&quot;">​</a></h3><p>当<code>percent</code>和<code>total</code>属性发生变化时，触发<code>change</code>事件。</p><table tabindex="0"><thead><tr><th>属性</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>value</td><td>当前进度</td><td><code>string｜number</code></td></tr><tr><td>percent</td><td>当前进度</td><td><code>string｜number</code></td></tr><tr><td>total</td><td>总进度</td><td><code>string｜number</code></td></tr></tbody></table>',5)]))}const y=t(p,[["render",l]]);export{g as __pageData,y as default};
diff --git a/assets/cn_src_ranui_radar_index.md.JUC5Tblz.js b/assets/cn_src_ranui_radar_index.md.D7lwGVbW.js
similarity index 99%
rename from assets/cn_src_ranui_radar_index.md.JUC5Tblz.js
rename to assets/cn_src_ranui_radar_index.md.D7lwGVbW.js
index a76bdfc72d..555a50abb1 100644
--- a/assets/cn_src_ranui_radar_index.md.JUC5Tblz.js
+++ b/assets/cn_src_ranui_radar_index.md.D7lwGVbW.js
@@ -1,4 +1,4 @@
-import{_ as l,o as e,c as o,j as s,a as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"Radar 雷达图","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/radar/index.md","filePath":"cn/src/ranui/radar/index.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranui/radar/index.md"};function h(p,a,k,u,r,q){return e(),o("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s("h1",{id:"radar-雷达图",tabindex:"-1"},[t("Radar 雷达图 "),s("a",{class:"header-anchor",href:"#radar-雷达图","aria-label":'Permalink to "Radar 雷达图"'},"​")],-1),s("p",null,"以二维形式综合对比多组数据的差异,常用于比较 2 组或更多组数据集",-1),s("h2",{id:"代码演示",tabindex:"-1"},[t("代码演示 "),s("a",{class:"header-anchor",href:"#代码演示","aria-label":'Permalink to "代码演示"'},"​")],-1),s("r-radar",{style:{width:"300px",height:"300px",display:"block"},abilitys:'[{"abilityName":"生命","scoreRate":"10"},{"abilityName":"攻击","scoreRate":"90"},{"abilityName":"防御","scoreRate":"20"},{"abilityName":"元素精通","scoreRate":"50"},{"abilityName":"暴击率","scoreRate":"80"},{"abilityName":"暴击伤害","scoreRate":"50"}]'},null,-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-radar</span></span>
+import{_ as l,o as e,c as o,j as s,a as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"Radar 雷达图","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/radar/index.md","filePath":"cn/src/ranui/radar/index.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranui/radar/index.md"};function h(p,a,k,u,r,q){return e(),o("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s("h1",{id:"radar-雷达图",tabindex:"-1"},[t("Radar 雷达图 "),s("a",{class:"header-anchor",href:"#radar-雷达图","aria-label":'Permalink to "Radar 雷达图"'},"​")],-1),s("p",null,"以二维形式综合对比多组数据的差异,常用于比较 2 组或更多组数据集",-1),s("h2",{id:"代码演示",tabindex:"-1"},[t("代码演示 "),s("a",{class:"header-anchor",href:"#代码演示","aria-label":'Permalink to "代码演示"'},"​")],-1),s("r-radar",{style:{width:"300px",height:"300px",display:"block"},abilitys:'[{"abilityName":"生命","scoreRate":"10"},{"abilityName":"攻击","scoreRate":"90"},{"abilityName":"防御","scoreRate":"20"},{"abilityName":"元素精通","scoreRate":"50"},{"abilityName":"暴击率","scoreRate":"80"},{"abilityName":"暴击伤害","scoreRate":"50"}]'},null,-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-radar</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    abilitys</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;[{&quot;abilityName&quot;:&quot;生命&quot;,&quot;scoreRate&quot;:&quot;10&quot;},{&quot;abilityName&quot;:&quot;攻击&quot;,&quot;scoreRate&quot;:&quot;90&quot;},{&quot;abilityName&quot;:&quot;防御&quot;,&quot;scoreRate&quot;:&quot;20&quot;},{&quot;abilityName&quot;:&quot;元素精通&quot;,&quot;scoreRate&quot;:&quot;50&quot;},{&quot;abilityName&quot;:&quot;暴击率&quot;,&quot;scoreRate&quot;:&quot;80&quot;},{&quot;abilityName&quot;:&quot;暴击伤害&quot;,&quot;scoreRate&quot;:&quot;50&quot;}]&#39;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;width:300px;height:300px;display: block;&quot;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranui_radar_index.md.JUC5Tblz.lean.js b/assets/cn_src_ranui_radar_index.md.D7lwGVbW.lean.js
similarity index 99%
rename from assets/cn_src_ranui_radar_index.md.JUC5Tblz.lean.js
rename to assets/cn_src_ranui_radar_index.md.D7lwGVbW.lean.js
index a76bdfc72d..555a50abb1 100644
--- a/assets/cn_src_ranui_radar_index.md.JUC5Tblz.lean.js
+++ b/assets/cn_src_ranui_radar_index.md.D7lwGVbW.lean.js
@@ -1,4 +1,4 @@
-import{_ as l,o as e,c as o,j as s,a as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"Radar 雷达图","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/radar/index.md","filePath":"cn/src/ranui/radar/index.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranui/radar/index.md"};function h(p,a,k,u,r,q){return e(),o("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s("h1",{id:"radar-雷达图",tabindex:"-1"},[t("Radar 雷达图 "),s("a",{class:"header-anchor",href:"#radar-雷达图","aria-label":'Permalink to "Radar 雷达图"'},"​")],-1),s("p",null,"以二维形式综合对比多组数据的差异,常用于比较 2 组或更多组数据集",-1),s("h2",{id:"代码演示",tabindex:"-1"},[t("代码演示 "),s("a",{class:"header-anchor",href:"#代码演示","aria-label":'Permalink to "代码演示"'},"​")],-1),s("r-radar",{style:{width:"300px",height:"300px",display:"block"},abilitys:'[{"abilityName":"生命","scoreRate":"10"},{"abilityName":"攻击","scoreRate":"90"},{"abilityName":"防御","scoreRate":"20"},{"abilityName":"元素精通","scoreRate":"50"},{"abilityName":"暴击率","scoreRate":"80"},{"abilityName":"暴击伤害","scoreRate":"50"}]'},null,-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-radar</span></span>
+import{_ as l,o as e,c as o,j as s,a as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"Radar 雷达图","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/radar/index.md","filePath":"cn/src/ranui/radar/index.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranui/radar/index.md"};function h(p,a,k,u,r,q){return e(),o("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s("h1",{id:"radar-雷达图",tabindex:"-1"},[t("Radar 雷达图 "),s("a",{class:"header-anchor",href:"#radar-雷达图","aria-label":'Permalink to "Radar 雷达图"'},"​")],-1),s("p",null,"以二维形式综合对比多组数据的差异,常用于比较 2 组或更多组数据集",-1),s("h2",{id:"代码演示",tabindex:"-1"},[t("代码演示 "),s("a",{class:"header-anchor",href:"#代码演示","aria-label":'Permalink to "代码演示"'},"​")],-1),s("r-radar",{style:{width:"300px",height:"300px",display:"block"},abilitys:'[{"abilityName":"生命","scoreRate":"10"},{"abilityName":"攻击","scoreRate":"90"},{"abilityName":"防御","scoreRate":"20"},{"abilityName":"元素精通","scoreRate":"50"},{"abilityName":"暴击率","scoreRate":"80"},{"abilityName":"暴击伤害","scoreRate":"50"}]'},null,-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-radar</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    abilitys</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;[{&quot;abilityName&quot;:&quot;生命&quot;,&quot;scoreRate&quot;:&quot;10&quot;},{&quot;abilityName&quot;:&quot;攻击&quot;,&quot;scoreRate&quot;:&quot;90&quot;},{&quot;abilityName&quot;:&quot;防御&quot;,&quot;scoreRate&quot;:&quot;20&quot;},{&quot;abilityName&quot;:&quot;元素精通&quot;,&quot;scoreRate&quot;:&quot;50&quot;},{&quot;abilityName&quot;:&quot;暴击率&quot;,&quot;scoreRate&quot;:&quot;80&quot;},{&quot;abilityName&quot;:&quot;暴击伤害&quot;,&quot;scoreRate&quot;:&quot;50&quot;}]&#39;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;width:300px;height:300px;display: block;&quot;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranui_select_index.md.CqrSnS3F.js b/assets/cn_src_ranui_select_index.md.x3hqXtMG.js
similarity index 99%
rename from assets/cn_src_ranui_select_index.md.CqrSnS3F.js
rename to assets/cn_src_ranui_select_index.md.x3hqXtMG.js
index 6379234016..e22e0c1b8c 100644
--- a/assets/cn_src_ranui_select_index.md.CqrSnS3F.js
+++ b/assets/cn_src_ranui_select_index.md.x3hqXtMG.js
@@ -1,4 +1,4 @@
-import{_ as h,o as l,c as n,j as s,a as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Select 下拉选择框","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/select/index.md","filePath":"cn/src/ranui/select/index.md","lastUpdated":1728129125000}'),k={name:"cn/src/ranui/select/index.md"};function p(e,a,E,r,d,o){return l(),n("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s("h1",{id:"select-下拉选择框",tabindex:"-1"},[t("Select 下拉选择框 "),s("a",{class:"header-anchor",href:"#select-下拉选择框","aria-label":'Permalink to "Select 下拉选择框"'},"​")],-1),s("p",null,"一个普通的下拉选择器。",-1),s("h2",{id:"代码演示",tabindex:"-1"},[t("代码演示 "),s("a",{class:"header-anchor",href:"#代码演示","aria-label":'Permalink to "代码演示"'},"​")],-1),s("r-select",{style:{width:"120px",height:"40px"},defaultValue:"185"},[s("r-option",{value:"185"},"Mike"),s("r-option",{value:"186"},"Tom"),s("r-option",{value:"187"},"Lucy")],-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-select</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;width: 120px; height: 40px&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> defaultValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;185&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as h,o as l,c as n,j as s,a as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Select 下拉选择框","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/select/index.md","filePath":"cn/src/ranui/select/index.md","lastUpdated":1728129344000}'),k={name:"cn/src/ranui/select/index.md"};function p(e,a,E,r,d,o){return l(),n("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s("h1",{id:"select-下拉选择框",tabindex:"-1"},[t("Select 下拉选择框 "),s("a",{class:"header-anchor",href:"#select-下拉选择框","aria-label":'Permalink to "Select 下拉选择框"'},"​")],-1),s("p",null,"一个普通的下拉选择器。",-1),s("h2",{id:"代码演示",tabindex:"-1"},[t("代码演示 "),s("a",{class:"header-anchor",href:"#代码演示","aria-label":'Permalink to "代码演示"'},"​")],-1),s("r-select",{style:{width:"120px",height:"40px"},defaultValue:"185"},[s("r-option",{value:"185"},"Mike"),s("r-option",{value:"186"},"Tom"),s("r-option",{value:"187"},"Lucy")],-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-select</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;width: 120px; height: 40px&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> defaultValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;185&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;185&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Mike&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;186&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Tom&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;187&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Lucy&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranui_select_index.md.CqrSnS3F.lean.js b/assets/cn_src_ranui_select_index.md.x3hqXtMG.lean.js
similarity index 99%
rename from assets/cn_src_ranui_select_index.md.CqrSnS3F.lean.js
rename to assets/cn_src_ranui_select_index.md.x3hqXtMG.lean.js
index 6379234016..e22e0c1b8c 100644
--- a/assets/cn_src_ranui_select_index.md.CqrSnS3F.lean.js
+++ b/assets/cn_src_ranui_select_index.md.x3hqXtMG.lean.js
@@ -1,4 +1,4 @@
-import{_ as h,o as l,c as n,j as s,a as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Select 下拉选择框","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/select/index.md","filePath":"cn/src/ranui/select/index.md","lastUpdated":1728129125000}'),k={name:"cn/src/ranui/select/index.md"};function p(e,a,E,r,d,o){return l(),n("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s("h1",{id:"select-下拉选择框",tabindex:"-1"},[t("Select 下拉选择框 "),s("a",{class:"header-anchor",href:"#select-下拉选择框","aria-label":'Permalink to "Select 下拉选择框"'},"​")],-1),s("p",null,"一个普通的下拉选择器。",-1),s("h2",{id:"代码演示",tabindex:"-1"},[t("代码演示 "),s("a",{class:"header-anchor",href:"#代码演示","aria-label":'Permalink to "代码演示"'},"​")],-1),s("r-select",{style:{width:"120px",height:"40px"},defaultValue:"185"},[s("r-option",{value:"185"},"Mike"),s("r-option",{value:"186"},"Tom"),s("r-option",{value:"187"},"Lucy")],-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-select</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;width: 120px; height: 40px&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> defaultValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;185&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as h,o as l,c as n,j as s,a as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Select 下拉选择框","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/select/index.md","filePath":"cn/src/ranui/select/index.md","lastUpdated":1728129344000}'),k={name:"cn/src/ranui/select/index.md"};function p(e,a,E,r,d,o){return l(),n("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s("h1",{id:"select-下拉选择框",tabindex:"-1"},[t("Select 下拉选择框 "),s("a",{class:"header-anchor",href:"#select-下拉选择框","aria-label":'Permalink to "Select 下拉选择框"'},"​")],-1),s("p",null,"一个普通的下拉选择器。",-1),s("h2",{id:"代码演示",tabindex:"-1"},[t("代码演示 "),s("a",{class:"header-anchor",href:"#代码演示","aria-label":'Permalink to "代码演示"'},"​")],-1),s("r-select",{style:{width:"120px",height:"40px"},defaultValue:"185"},[s("r-option",{value:"185"},"Mike"),s("r-option",{value:"186"},"Tom"),s("r-option",{value:"187"},"Lucy")],-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-select</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;width: 120px; height: 40px&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> defaultValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;185&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;185&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Mike&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;186&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Tom&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;187&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Lucy&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranui_skeleton_index.md.DfgRdP5t.js b/assets/cn_src_ranui_skeleton_index.md.CxsOeOpu.js
similarity index 96%
rename from assets/cn_src_ranui_skeleton_index.md.DfgRdP5t.js
rename to assets/cn_src_ranui_skeleton_index.md.CxsOeOpu.js
index 8726a77e41..85c90ccdaa 100644
--- a/assets/cn_src_ranui_skeleton_index.md.DfgRdP5t.js
+++ b/assets/cn_src_ranui_skeleton_index.md.CxsOeOpu.js
@@ -1 +1 @@
-import{_ as t,o as s,c as a,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"skeleton 骨架屏","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/skeleton/index.md","filePath":"cn/src/ranui/skeleton/index.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranui/skeleton/index.md"};function l(r,e,o,d,p,k){return s(),a("div",{"data-pagefind-body":!0},e[0]||(e[0]=[i('<h1 id="skeleton-骨架屏" tabindex="-1">skeleton 骨架屏 <a class="header-anchor" href="#skeleton-骨架屏" aria-label="Permalink to &quot;skeleton 骨架屏&quot;">​</a></h1><p>在需要等待加载内容的位置提供一个占位图形组合。</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><p>骨架长度跟随父级元素的长度</p><div style="width:100px;margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="width:200px;margin-top:10px;"><r-skeleton></r-skeleton></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>',9)]))}const g=t(n,[["render",l]]);export{c as __pageData,g as default};
+import{_ as t,o as s,c as a,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"skeleton 骨架屏","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/skeleton/index.md","filePath":"cn/src/ranui/skeleton/index.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranui/skeleton/index.md"};function l(r,e,o,d,p,k){return s(),a("div",{"data-pagefind-body":!0},e[0]||(e[0]=[i('<h1 id="skeleton-骨架屏" tabindex="-1">skeleton 骨架屏 <a class="header-anchor" href="#skeleton-骨架屏" aria-label="Permalink to &quot;skeleton 骨架屏&quot;">​</a></h1><p>在需要等待加载内容的位置提供一个占位图形组合。</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><p>骨架长度跟随父级元素的长度</p><div style="width:100px;margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="width:200px;margin-top:10px;"><r-skeleton></r-skeleton></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>',9)]))}const g=t(n,[["render",l]]);export{c as __pageData,g as default};
diff --git a/assets/cn_src_ranui_skeleton_index.md.DfgRdP5t.lean.js b/assets/cn_src_ranui_skeleton_index.md.CxsOeOpu.lean.js
similarity index 96%
rename from assets/cn_src_ranui_skeleton_index.md.DfgRdP5t.lean.js
rename to assets/cn_src_ranui_skeleton_index.md.CxsOeOpu.lean.js
index 8726a77e41..85c90ccdaa 100644
--- a/assets/cn_src_ranui_skeleton_index.md.DfgRdP5t.lean.js
+++ b/assets/cn_src_ranui_skeleton_index.md.CxsOeOpu.lean.js
@@ -1 +1 @@
-import{_ as t,o as s,c as a,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"skeleton 骨架屏","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/skeleton/index.md","filePath":"cn/src/ranui/skeleton/index.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranui/skeleton/index.md"};function l(r,e,o,d,p,k){return s(),a("div",{"data-pagefind-body":!0},e[0]||(e[0]=[i('<h1 id="skeleton-骨架屏" tabindex="-1">skeleton 骨架屏 <a class="header-anchor" href="#skeleton-骨架屏" aria-label="Permalink to &quot;skeleton 骨架屏&quot;">​</a></h1><p>在需要等待加载内容的位置提供一个占位图形组合。</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><p>骨架长度跟随父级元素的长度</p><div style="width:100px;margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="width:200px;margin-top:10px;"><r-skeleton></r-skeleton></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>',9)]))}const g=t(n,[["render",l]]);export{c as __pageData,g as default};
+import{_ as t,o as s,c as a,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"skeleton 骨架屏","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/skeleton/index.md","filePath":"cn/src/ranui/skeleton/index.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranui/skeleton/index.md"};function l(r,e,o,d,p,k){return s(),a("div",{"data-pagefind-body":!0},e[0]||(e[0]=[i('<h1 id="skeleton-骨架屏" tabindex="-1">skeleton 骨架屏 <a class="header-anchor" href="#skeleton-骨架屏" aria-label="Permalink to &quot;skeleton 骨架屏&quot;">​</a></h1><p>在需要等待加载内容的位置提供一个占位图形组合。</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><p>骨架长度跟随父级元素的长度</p><div style="width:100px;margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="width:200px;margin-top:10px;"><r-skeleton></r-skeleton></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>',9)]))}const g=t(n,[["render",l]]);export{c as __pageData,g as default};
diff --git a/assets/cn_src_ranui_tab_index.md.BlcshkmY.js b/assets/cn_src_ranui_tab_index.md._Yrr2Do-.js
similarity index 99%
rename from assets/cn_src_ranui_tab_index.md.BlcshkmY.js
rename to assets/cn_src_ranui_tab_index.md._Yrr2Do-.js
index a39ad4f74b..8225b6f79b 100644
--- a/assets/cn_src_ranui_tab_index.md.BlcshkmY.js
+++ b/assets/cn_src_ranui_tab_index.md._Yrr2Do-.js
@@ -1,4 +1,4 @@
-import{_ as t,o as l,c as h,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Tab 图标","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/tab/index.md","filePath":"cn/src/ranui/tab/index.md","lastUpdated":1728129125000}'),k={name:"cn/src/ranui/tab/index.md"};function n(p,a,E,e,r,d){return l(),h("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="tab-图标" tabindex="-1">Tab 图标 <a class="header-anchor" href="#tab-图标" aria-label="Permalink to &quot;Tab 图标&quot;">​</a></h1><p>标签页，其中<code>r-tab</code>需要和<code>r-tabs</code>搭配使用</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div style="width:100%;"><r-tabs><r-tab label="tab1">11111</r-tab><r-tab label="tab2">22222</r-tab><r-tab label="tab3">33333</r-tab></r-tabs></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;</span></span>
+import{_ as t,o as l,c as h,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Tab 图标","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/tab/index.md","filePath":"cn/src/ranui/tab/index.md","lastUpdated":1728129344000}'),k={name:"cn/src/ranui/tab/index.md"};function n(p,a,E,e,r,d){return l(),h("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="tab-图标" tabindex="-1">Tab 图标 <a class="header-anchor" href="#tab-图标" aria-label="Permalink to &quot;Tab 图标&quot;">​</a></h1><p>标签页，其中<code>r-tab</code>需要和<code>r-tabs</code>搭配使用</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div style="width:100%;"><r-tabs><r-tab label="tab1">11111</r-tab><r-tab label="tab2">22222</r-tab><r-tab label="tab3">33333</r-tab></r-tabs></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;11111&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab2&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;22222&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab3&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;33333&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranui_tab_index.md.BlcshkmY.lean.js b/assets/cn_src_ranui_tab_index.md._Yrr2Do-.lean.js
similarity index 99%
rename from assets/cn_src_ranui_tab_index.md.BlcshkmY.lean.js
rename to assets/cn_src_ranui_tab_index.md._Yrr2Do-.lean.js
index a39ad4f74b..8225b6f79b 100644
--- a/assets/cn_src_ranui_tab_index.md.BlcshkmY.lean.js
+++ b/assets/cn_src_ranui_tab_index.md._Yrr2Do-.lean.js
@@ -1,4 +1,4 @@
-import{_ as t,o as l,c as h,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Tab 图标","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/tab/index.md","filePath":"cn/src/ranui/tab/index.md","lastUpdated":1728129125000}'),k={name:"cn/src/ranui/tab/index.md"};function n(p,a,E,e,r,d){return l(),h("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="tab-图标" tabindex="-1">Tab 图标 <a class="header-anchor" href="#tab-图标" aria-label="Permalink to &quot;Tab 图标&quot;">​</a></h1><p>标签页，其中<code>r-tab</code>需要和<code>r-tabs</code>搭配使用</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div style="width:100%;"><r-tabs><r-tab label="tab1">11111</r-tab><r-tab label="tab2">22222</r-tab><r-tab label="tab3">33333</r-tab></r-tabs></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;</span></span>
+import{_ as t,o as l,c as h,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Tab 图标","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/tab/index.md","filePath":"cn/src/ranui/tab/index.md","lastUpdated":1728129344000}'),k={name:"cn/src/ranui/tab/index.md"};function n(p,a,E,e,r,d){return l(),h("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="tab-图标" tabindex="-1">Tab 图标 <a class="header-anchor" href="#tab-图标" aria-label="Permalink to &quot;Tab 图标&quot;">​</a></h1><p>标签页，其中<code>r-tab</code>需要和<code>r-tabs</code>搭配使用</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div style="width:100%;"><r-tabs><r-tab label="tab1">11111</r-tab><r-tab label="tab2">22222</r-tab><r-tab label="tab3">33333</r-tab></r-tabs></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;11111&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab2&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;22222&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab3&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;33333&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranui_tabs_index.md.BnLsjdMq.js b/assets/cn_src_ranui_tabs_index.md.Y6X6hlvp.js
similarity index 99%
rename from assets/cn_src_ranui_tabs_index.md.BnLsjdMq.js
rename to assets/cn_src_ranui_tabs_index.md.Y6X6hlvp.js
index 43253d2cdc..a30d1ba262 100644
--- a/assets/cn_src_ranui_tabs_index.md.BnLsjdMq.js
+++ b/assets/cn_src_ranui_tabs_index.md.Y6X6hlvp.js
@@ -1,4 +1,4 @@
-import{_ as t,o as h,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"Tab","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/tabs/index.md","filePath":"cn/src/ranui/tabs/index.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranui/tabs/index.md"};function k(e,a,p,E,r,d){return h(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="tab" tabindex="-1">Tab <a class="header-anchor" href="#tab" aria-label="Permalink to &quot;Tab&quot;">​</a></h1><h2 id="代码展示" tabindex="-1">代码展示 <a class="header-anchor" href="#代码展示" aria-label="Permalink to &quot;代码展示&quot;">​</a></h2><r-tabs><r-tab label="tab1">tab1</r-tab><r-tab label="tab2">tab2</r-tab><r-tab label="tab3">tab3</r-tab></r-tabs><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as t,o as h,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"Tab","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/tabs/index.md","filePath":"cn/src/ranui/tabs/index.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranui/tabs/index.md"};function k(e,a,p,E,r,d){return h(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="tab" tabindex="-1">Tab <a class="header-anchor" href="#tab" aria-label="Permalink to &quot;Tab&quot;">​</a></h1><h2 id="代码展示" tabindex="-1">代码展示 <a class="header-anchor" href="#代码展示" aria-label="Permalink to &quot;代码展示&quot;">​</a></h2><r-tabs><r-tab label="tab1">tab1</r-tab><r-tab label="tab2">tab2</r-tab><r-tab label="tab3">tab3</r-tab></r-tabs><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;tab1&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab2&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;tab2&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab3&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;tab3&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranui_tabs_index.md.BnLsjdMq.lean.js b/assets/cn_src_ranui_tabs_index.md.Y6X6hlvp.lean.js
similarity index 99%
rename from assets/cn_src_ranui_tabs_index.md.BnLsjdMq.lean.js
rename to assets/cn_src_ranui_tabs_index.md.Y6X6hlvp.lean.js
index 43253d2cdc..a30d1ba262 100644
--- a/assets/cn_src_ranui_tabs_index.md.BnLsjdMq.lean.js
+++ b/assets/cn_src_ranui_tabs_index.md.Y6X6hlvp.lean.js
@@ -1,4 +1,4 @@
-import{_ as t,o as h,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"Tab","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/tabs/index.md","filePath":"cn/src/ranui/tabs/index.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranui/tabs/index.md"};function k(e,a,p,E,r,d){return h(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="tab" tabindex="-1">Tab <a class="header-anchor" href="#tab" aria-label="Permalink to &quot;Tab&quot;">​</a></h1><h2 id="代码展示" tabindex="-1">代码展示 <a class="header-anchor" href="#代码展示" aria-label="Permalink to &quot;代码展示&quot;">​</a></h2><r-tabs><r-tab label="tab1">tab1</r-tab><r-tab label="tab2">tab2</r-tab><r-tab label="tab3">tab3</r-tab></r-tabs><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as t,o as h,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"Tab","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranui/tabs/index.md","filePath":"cn/src/ranui/tabs/index.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranui/tabs/index.md"};function k(e,a,p,E,r,d){return h(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="tab" tabindex="-1">Tab <a class="header-anchor" href="#tab" aria-label="Permalink to &quot;Tab&quot;">​</a></h1><h2 id="代码展示" tabindex="-1">代码展示 <a class="header-anchor" href="#代码展示" aria-label="Permalink to &quot;代码展示&quot;">​</a></h2><r-tabs><r-tab label="tab1">tab1</r-tab><r-tab label="tab2">tab2</r-tab><r-tab label="tab3">tab3</r-tab></r-tabs><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;tab1&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab2&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;tab2&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab3&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;tab3&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/cn_src_ranuts_binaryTree_index.md.CoTPSG40.js b/assets/cn_src_ranuts_binaryTree_index.md.B0ahr_Mn.js
similarity index 99%
rename from assets/cn_src_ranuts_binaryTree_index.md.CoTPSG40.js
rename to assets/cn_src_ranuts_binaryTree_index.md.B0ahr_Mn.js
index 864c3a3c15..83294386fe 100644
--- a/assets/cn_src_ranuts_binaryTree_index.md.CoTPSG40.js
+++ b/assets/cn_src_ranuts_binaryTree_index.md.B0ahr_Mn.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/balanceTree.CCEoBiag.js";import{_ as r,o as i,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"二叉树的定义","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/binaryTree/index.md","filePath":"cn/src/ranuts/binaryTree/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/ranuts/binaryTree/index.md"};function o(n,a,d,s,c,u){return i(),t("div",{"data-pagefind-body":!0},a[0]||(a[0]=[h('<h1 id="二叉树的定义" tabindex="-1">二叉树的定义 <a class="header-anchor" href="#二叉树的定义" aria-label="Permalink to &quot;二叉树的定义&quot;">​</a></h1><p>在计算机科学中，二叉树（Binary tree）是每个节点最多只有两个分支（即不存在分支度大于 2 的节点）的树结构。通常分支被称作“左子树”或“右子树”。二叉树的分支具有左右次序，不能随意颠倒<a href="#参考文档"><sup>[1]</sup></a>。。</p><h1 id="二叉树的性质" tabindex="-1">二叉树的性质 <a class="header-anchor" href="#二叉树的性质" aria-label="Permalink to &quot;二叉树的性质&quot;">​</a></h1><ul><li>在二叉树的第 i 层上最多有 2^(i-1)个结点（i&gt;=1）</li><li>深度为 h 的二叉树，最多有 2^h-1 个结点，最少有 h 个结点（h&gt;=1）</li><li>包含 n 个结点的二叉树的高度至少为(log2n)+1</li><li>非空的二叉树，分支度为 0 的总数为 n0，分支度为 2 的总数为 n2，则 n0=n2+1</li><li>二叉树的总结点数 n = n1 + n2 + n0</li><li>总连线数等于总节点数减一(B = n - 1)</li><li>总连线数等于分支度为 2 的节点的两倍加上分支度为 1 的节点(B = n2 _ 2 + n1 _ 1)</li></ul><h1 id="二叉树的类型" tabindex="-1">二叉树的类型 <a class="header-anchor" href="#二叉树的类型" aria-label="Permalink to &quot;二叉树的类型&quot;">​</a></h1><h2 id="满二叉树" tabindex="-1">满二叉树 <a class="header-anchor" href="#满二叉树" aria-label="Permalink to &quot;满二叉树&quot;">​</a></h2><p>一棵深度为 k 且有 2k-1 个节点的二叉树称为满二叉树。 除最后一层无任何子节点外，每一层上的所有结点都有两个子结点的二叉树<a href="#参考文档"><sup>[2]</sup></a>。</p><h2 id="完全二叉树" tabindex="-1">完全二叉树 <a class="header-anchor" href="#完全二叉树" aria-label="Permalink to &quot;完全二叉树&quot;">​</a></h2><p>一棵深度为 k 的有 n 个结点的二叉树，对树中的结点按从上至下、从左到右的顺序进行编号，如果编号为 i（1≤i≤n）的结点与满二叉树中编号为 i 的结点在二叉树中的位置相同，则这棵二叉树称为完全二叉树。</p><h2 id="二叉搜索树" tabindex="-1">二叉搜索树 <a class="header-anchor" href="#二叉搜索树" aria-label="Permalink to &quot;二叉搜索树&quot;">​</a></h2><p>二叉搜索树（BST）又称二叉查找树或二叉排序树。它或者是一棵空树，或者是具有下列性质的二叉树： 若它的左子树不空，则左子树上所有结点的值均小于它的根结点的值； 若它的右子树不空，则右子树上所有结点的值均大于它的根结点的值； 它的左、右子树也分别为二叉排序树。</p><h2 id="平衡二叉树" tabindex="-1">平衡二叉树 <a class="header-anchor" href="#平衡二叉树" aria-label="Permalink to &quot;平衡二叉树&quot;">​</a></h2><p>平衡二叉树(AVL)一定是二叉搜索树，且左子树和右子树的高度差的绝对值不超过 1。 <img src="'+e+'" alt="平衡二叉树"></p><h2 id="b-树" tabindex="-1">B 树 <a class="header-anchor" href="#b-树" aria-label="Permalink to &quot;B 树&quot;">​</a></h2><p>B 树属于多叉树又名平衡多路查找树（查找路径不只两个）</p><h2 id="b-树-1" tabindex="-1">B+树 <a class="header-anchor" href="#b-树-1" aria-label="Permalink to &quot;B+树&quot;">​</a></h2><p>B+树是 B 树的变体，也是一种多路搜索树。</p><h2 id="b-树-2" tabindex="-1">B*树 <a class="header-anchor" href="#b-树-2" aria-label="Permalink to &quot;B\\*树&quot;">​</a></h2><p>B* 树是 B+树的变体，在 B+树的非根和非叶子结点再增加指向兄弟的指针；B* 树定义了非叶子结点关键字个数至少为(2/3)<em>M，即块的最低使用率为 2/3（代替 B+树的 1/2）。B</em> 树分配新结点的概率比 B+树要低，空间使用率更高；</p><h2 id="红黑树" tabindex="-1">红黑树 <a class="header-anchor" href="#红黑树" aria-label="Permalink to &quot;红黑树&quot;">​</a></h2><p>红黑树是一种平衡二叉查找树的变体，它的左右子树高差有可能大于 1，所以红黑树不是严格意义上的平衡二叉树（AVL），但对它进行平衡的代价较低， 其平均统计性能要强于 AVL 。</p><h2 id="堆" tabindex="-1">堆 <a class="header-anchor" href="#堆" aria-label="Permalink to &quot;堆&quot;">​</a></h2><h1 id="遍历" tabindex="-1">遍历 <a class="header-anchor" href="#遍历" aria-label="Permalink to &quot;遍历&quot;">​</a></h1><h2 id="前序遍历" tabindex="-1">前序遍历 <a class="header-anchor" href="#前序遍历" aria-label="Permalink to &quot;前序遍历&quot;">​</a></h2><h2 id="后序遍历" tabindex="-1">后序遍历 <a class="header-anchor" href="#后序遍历" aria-label="Permalink to &quot;后序遍历&quot;">​</a></h2><h2 id="中序遍历" tabindex="-1">中序遍历 <a class="header-anchor" href="#中序遍历" aria-label="Permalink to &quot;中序遍历&quot;">​</a></h2><h2 id="层序遍历" tabindex="-1">层序遍历 <a class="header-anchor" href="#层序遍历" aria-label="Permalink to &quot;层序遍历&quot;">​</a></h2><h1 id="常见算法题" tabindex="-1">常见算法题 <a class="header-anchor" href="#常见算法题" aria-label="Permalink to &quot;常见算法题&quot;">​</a></h1><h2 id="镜像二叉树" tabindex="-1">镜像二叉树 <a class="header-anchor" href="#镜像二叉树" aria-label="Permalink to &quot;镜像二叉树&quot;">​</a></h2><h2 id="重建二叉树" tabindex="-1">重建二叉树 <a class="header-anchor" href="#重建二叉树" aria-label="Permalink to &quot;重建二叉树&quot;">​</a></h2><h2 id="二叉树深度" tabindex="-1">二叉树深度 <a class="header-anchor" href="#二叉树深度" aria-label="Permalink to &quot;二叉树深度&quot;">​</a></h2><h2 id="二叉树节点总数" tabindex="-1">二叉树节点总数 <a class="header-anchor" href="#二叉树节点总数" aria-label="Permalink to &quot;二叉树节点总数&quot;">​</a></h2><h2 id="判断二叉树子结构" tabindex="-1">判断二叉树子结构 <a class="header-anchor" href="#判断二叉树子结构" aria-label="Permalink to &quot;判断二叉树子结构&quot;">​</a></h2><p>输入两棵二叉树 A 和 B，判断 B 是不是 A 的子结构。（ps：约定空树不是任意一个树的子结构）</p><h1 id="参考文档" tabindex="-1">参考文档 <a class="header-anchor" href="#参考文档" aria-label="Permalink to &quot;参考文档&quot;">​</a></h1><ol><li><a href="https://zh.wikipedia.org/wiki/%E4%BA%8C%E5%8F%89%E6%A0%91" target="_blank" rel="noreferrer">维基百科二叉树</a></li><li><a href="https://baike.baidu.com/item/%E6%BB%A1%E4%BA%8C%E5%8F%89%E6%A0%91/7773283" target="_blank" rel="noreferrer">百度百科满二叉树</a></li></ol>',36)]))}const m=r(l,[["render",o]]);export{p as __pageData,m as default};
+import{_ as e}from"./chunks/balanceTree.CCEoBiag.js";import{_ as r,o as i,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"二叉树的定义","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/binaryTree/index.md","filePath":"cn/src/ranuts/binaryTree/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/ranuts/binaryTree/index.md"};function o(n,a,d,s,c,u){return i(),t("div",{"data-pagefind-body":!0},a[0]||(a[0]=[h('<h1 id="二叉树的定义" tabindex="-1">二叉树的定义 <a class="header-anchor" href="#二叉树的定义" aria-label="Permalink to &quot;二叉树的定义&quot;">​</a></h1><p>在计算机科学中，二叉树（Binary tree）是每个节点最多只有两个分支（即不存在分支度大于 2 的节点）的树结构。通常分支被称作“左子树”或“右子树”。二叉树的分支具有左右次序，不能随意颠倒<a href="#参考文档"><sup>[1]</sup></a>。。</p><h1 id="二叉树的性质" tabindex="-1">二叉树的性质 <a class="header-anchor" href="#二叉树的性质" aria-label="Permalink to &quot;二叉树的性质&quot;">​</a></h1><ul><li>在二叉树的第 i 层上最多有 2^(i-1)个结点（i&gt;=1）</li><li>深度为 h 的二叉树，最多有 2^h-1 个结点，最少有 h 个结点（h&gt;=1）</li><li>包含 n 个结点的二叉树的高度至少为(log2n)+1</li><li>非空的二叉树，分支度为 0 的总数为 n0，分支度为 2 的总数为 n2，则 n0=n2+1</li><li>二叉树的总结点数 n = n1 + n2 + n0</li><li>总连线数等于总节点数减一(B = n - 1)</li><li>总连线数等于分支度为 2 的节点的两倍加上分支度为 1 的节点(B = n2 _ 2 + n1 _ 1)</li></ul><h1 id="二叉树的类型" tabindex="-1">二叉树的类型 <a class="header-anchor" href="#二叉树的类型" aria-label="Permalink to &quot;二叉树的类型&quot;">​</a></h1><h2 id="满二叉树" tabindex="-1">满二叉树 <a class="header-anchor" href="#满二叉树" aria-label="Permalink to &quot;满二叉树&quot;">​</a></h2><p>一棵深度为 k 且有 2k-1 个节点的二叉树称为满二叉树。 除最后一层无任何子节点外，每一层上的所有结点都有两个子结点的二叉树<a href="#参考文档"><sup>[2]</sup></a>。</p><h2 id="完全二叉树" tabindex="-1">完全二叉树 <a class="header-anchor" href="#完全二叉树" aria-label="Permalink to &quot;完全二叉树&quot;">​</a></h2><p>一棵深度为 k 的有 n 个结点的二叉树，对树中的结点按从上至下、从左到右的顺序进行编号，如果编号为 i（1≤i≤n）的结点与满二叉树中编号为 i 的结点在二叉树中的位置相同，则这棵二叉树称为完全二叉树。</p><h2 id="二叉搜索树" tabindex="-1">二叉搜索树 <a class="header-anchor" href="#二叉搜索树" aria-label="Permalink to &quot;二叉搜索树&quot;">​</a></h2><p>二叉搜索树（BST）又称二叉查找树或二叉排序树。它或者是一棵空树，或者是具有下列性质的二叉树： 若它的左子树不空，则左子树上所有结点的值均小于它的根结点的值； 若它的右子树不空，则右子树上所有结点的值均大于它的根结点的值； 它的左、右子树也分别为二叉排序树。</p><h2 id="平衡二叉树" tabindex="-1">平衡二叉树 <a class="header-anchor" href="#平衡二叉树" aria-label="Permalink to &quot;平衡二叉树&quot;">​</a></h2><p>平衡二叉树(AVL)一定是二叉搜索树，且左子树和右子树的高度差的绝对值不超过 1。 <img src="'+e+'" alt="平衡二叉树"></p><h2 id="b-树" tabindex="-1">B 树 <a class="header-anchor" href="#b-树" aria-label="Permalink to &quot;B 树&quot;">​</a></h2><p>B 树属于多叉树又名平衡多路查找树（查找路径不只两个）</p><h2 id="b-树-1" tabindex="-1">B+树 <a class="header-anchor" href="#b-树-1" aria-label="Permalink to &quot;B+树&quot;">​</a></h2><p>B+树是 B 树的变体，也是一种多路搜索树。</p><h2 id="b-树-2" tabindex="-1">B*树 <a class="header-anchor" href="#b-树-2" aria-label="Permalink to &quot;B\\*树&quot;">​</a></h2><p>B* 树是 B+树的变体，在 B+树的非根和非叶子结点再增加指向兄弟的指针；B* 树定义了非叶子结点关键字个数至少为(2/3)<em>M，即块的最低使用率为 2/3（代替 B+树的 1/2）。B</em> 树分配新结点的概率比 B+树要低，空间使用率更高；</p><h2 id="红黑树" tabindex="-1">红黑树 <a class="header-anchor" href="#红黑树" aria-label="Permalink to &quot;红黑树&quot;">​</a></h2><p>红黑树是一种平衡二叉查找树的变体，它的左右子树高差有可能大于 1，所以红黑树不是严格意义上的平衡二叉树（AVL），但对它进行平衡的代价较低， 其平均统计性能要强于 AVL 。</p><h2 id="堆" tabindex="-1">堆 <a class="header-anchor" href="#堆" aria-label="Permalink to &quot;堆&quot;">​</a></h2><h1 id="遍历" tabindex="-1">遍历 <a class="header-anchor" href="#遍历" aria-label="Permalink to &quot;遍历&quot;">​</a></h1><h2 id="前序遍历" tabindex="-1">前序遍历 <a class="header-anchor" href="#前序遍历" aria-label="Permalink to &quot;前序遍历&quot;">​</a></h2><h2 id="后序遍历" tabindex="-1">后序遍历 <a class="header-anchor" href="#后序遍历" aria-label="Permalink to &quot;后序遍历&quot;">​</a></h2><h2 id="中序遍历" tabindex="-1">中序遍历 <a class="header-anchor" href="#中序遍历" aria-label="Permalink to &quot;中序遍历&quot;">​</a></h2><h2 id="层序遍历" tabindex="-1">层序遍历 <a class="header-anchor" href="#层序遍历" aria-label="Permalink to &quot;层序遍历&quot;">​</a></h2><h1 id="常见算法题" tabindex="-1">常见算法题 <a class="header-anchor" href="#常见算法题" aria-label="Permalink to &quot;常见算法题&quot;">​</a></h1><h2 id="镜像二叉树" tabindex="-1">镜像二叉树 <a class="header-anchor" href="#镜像二叉树" aria-label="Permalink to &quot;镜像二叉树&quot;">​</a></h2><h2 id="重建二叉树" tabindex="-1">重建二叉树 <a class="header-anchor" href="#重建二叉树" aria-label="Permalink to &quot;重建二叉树&quot;">​</a></h2><h2 id="二叉树深度" tabindex="-1">二叉树深度 <a class="header-anchor" href="#二叉树深度" aria-label="Permalink to &quot;二叉树深度&quot;">​</a></h2><h2 id="二叉树节点总数" tabindex="-1">二叉树节点总数 <a class="header-anchor" href="#二叉树节点总数" aria-label="Permalink to &quot;二叉树节点总数&quot;">​</a></h2><h2 id="判断二叉树子结构" tabindex="-1">判断二叉树子结构 <a class="header-anchor" href="#判断二叉树子结构" aria-label="Permalink to &quot;判断二叉树子结构&quot;">​</a></h2><p>输入两棵二叉树 A 和 B，判断 B 是不是 A 的子结构。（ps：约定空树不是任意一个树的子结构）</p><h1 id="参考文档" tabindex="-1">参考文档 <a class="header-anchor" href="#参考文档" aria-label="Permalink to &quot;参考文档&quot;">​</a></h1><ol><li><a href="https://zh.wikipedia.org/wiki/%E4%BA%8C%E5%8F%89%E6%A0%91" target="_blank" rel="noreferrer">维基百科二叉树</a></li><li><a href="https://baike.baidu.com/item/%E6%BB%A1%E4%BA%8C%E5%8F%89%E6%A0%91/7773283" target="_blank" rel="noreferrer">百度百科满二叉树</a></li></ol>',36)]))}const m=r(l,[["render",o]]);export{p as __pageData,m as default};
diff --git a/assets/cn_src_ranuts_binaryTree_index.md.CoTPSG40.lean.js b/assets/cn_src_ranuts_binaryTree_index.md.B0ahr_Mn.lean.js
similarity index 99%
rename from assets/cn_src_ranuts_binaryTree_index.md.CoTPSG40.lean.js
rename to assets/cn_src_ranuts_binaryTree_index.md.B0ahr_Mn.lean.js
index 864c3a3c15..83294386fe 100644
--- a/assets/cn_src_ranuts_binaryTree_index.md.CoTPSG40.lean.js
+++ b/assets/cn_src_ranuts_binaryTree_index.md.B0ahr_Mn.lean.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/balanceTree.CCEoBiag.js";import{_ as r,o as i,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"二叉树的定义","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/binaryTree/index.md","filePath":"cn/src/ranuts/binaryTree/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/ranuts/binaryTree/index.md"};function o(n,a,d,s,c,u){return i(),t("div",{"data-pagefind-body":!0},a[0]||(a[0]=[h('<h1 id="二叉树的定义" tabindex="-1">二叉树的定义 <a class="header-anchor" href="#二叉树的定义" aria-label="Permalink to &quot;二叉树的定义&quot;">​</a></h1><p>在计算机科学中，二叉树（Binary tree）是每个节点最多只有两个分支（即不存在分支度大于 2 的节点）的树结构。通常分支被称作“左子树”或“右子树”。二叉树的分支具有左右次序，不能随意颠倒<a href="#参考文档"><sup>[1]</sup></a>。。</p><h1 id="二叉树的性质" tabindex="-1">二叉树的性质 <a class="header-anchor" href="#二叉树的性质" aria-label="Permalink to &quot;二叉树的性质&quot;">​</a></h1><ul><li>在二叉树的第 i 层上最多有 2^(i-1)个结点（i&gt;=1）</li><li>深度为 h 的二叉树，最多有 2^h-1 个结点，最少有 h 个结点（h&gt;=1）</li><li>包含 n 个结点的二叉树的高度至少为(log2n)+1</li><li>非空的二叉树，分支度为 0 的总数为 n0，分支度为 2 的总数为 n2，则 n0=n2+1</li><li>二叉树的总结点数 n = n1 + n2 + n0</li><li>总连线数等于总节点数减一(B = n - 1)</li><li>总连线数等于分支度为 2 的节点的两倍加上分支度为 1 的节点(B = n2 _ 2 + n1 _ 1)</li></ul><h1 id="二叉树的类型" tabindex="-1">二叉树的类型 <a class="header-anchor" href="#二叉树的类型" aria-label="Permalink to &quot;二叉树的类型&quot;">​</a></h1><h2 id="满二叉树" tabindex="-1">满二叉树 <a class="header-anchor" href="#满二叉树" aria-label="Permalink to &quot;满二叉树&quot;">​</a></h2><p>一棵深度为 k 且有 2k-1 个节点的二叉树称为满二叉树。 除最后一层无任何子节点外，每一层上的所有结点都有两个子结点的二叉树<a href="#参考文档"><sup>[2]</sup></a>。</p><h2 id="完全二叉树" tabindex="-1">完全二叉树 <a class="header-anchor" href="#完全二叉树" aria-label="Permalink to &quot;完全二叉树&quot;">​</a></h2><p>一棵深度为 k 的有 n 个结点的二叉树，对树中的结点按从上至下、从左到右的顺序进行编号，如果编号为 i（1≤i≤n）的结点与满二叉树中编号为 i 的结点在二叉树中的位置相同，则这棵二叉树称为完全二叉树。</p><h2 id="二叉搜索树" tabindex="-1">二叉搜索树 <a class="header-anchor" href="#二叉搜索树" aria-label="Permalink to &quot;二叉搜索树&quot;">​</a></h2><p>二叉搜索树（BST）又称二叉查找树或二叉排序树。它或者是一棵空树，或者是具有下列性质的二叉树： 若它的左子树不空，则左子树上所有结点的值均小于它的根结点的值； 若它的右子树不空，则右子树上所有结点的值均大于它的根结点的值； 它的左、右子树也分别为二叉排序树。</p><h2 id="平衡二叉树" tabindex="-1">平衡二叉树 <a class="header-anchor" href="#平衡二叉树" aria-label="Permalink to &quot;平衡二叉树&quot;">​</a></h2><p>平衡二叉树(AVL)一定是二叉搜索树，且左子树和右子树的高度差的绝对值不超过 1。 <img src="'+e+'" alt="平衡二叉树"></p><h2 id="b-树" tabindex="-1">B 树 <a class="header-anchor" href="#b-树" aria-label="Permalink to &quot;B 树&quot;">​</a></h2><p>B 树属于多叉树又名平衡多路查找树（查找路径不只两个）</p><h2 id="b-树-1" tabindex="-1">B+树 <a class="header-anchor" href="#b-树-1" aria-label="Permalink to &quot;B+树&quot;">​</a></h2><p>B+树是 B 树的变体，也是一种多路搜索树。</p><h2 id="b-树-2" tabindex="-1">B*树 <a class="header-anchor" href="#b-树-2" aria-label="Permalink to &quot;B\\*树&quot;">​</a></h2><p>B* 树是 B+树的变体，在 B+树的非根和非叶子结点再增加指向兄弟的指针；B* 树定义了非叶子结点关键字个数至少为(2/3)<em>M，即块的最低使用率为 2/3（代替 B+树的 1/2）。B</em> 树分配新结点的概率比 B+树要低，空间使用率更高；</p><h2 id="红黑树" tabindex="-1">红黑树 <a class="header-anchor" href="#红黑树" aria-label="Permalink to &quot;红黑树&quot;">​</a></h2><p>红黑树是一种平衡二叉查找树的变体，它的左右子树高差有可能大于 1，所以红黑树不是严格意义上的平衡二叉树（AVL），但对它进行平衡的代价较低， 其平均统计性能要强于 AVL 。</p><h2 id="堆" tabindex="-1">堆 <a class="header-anchor" href="#堆" aria-label="Permalink to &quot;堆&quot;">​</a></h2><h1 id="遍历" tabindex="-1">遍历 <a class="header-anchor" href="#遍历" aria-label="Permalink to &quot;遍历&quot;">​</a></h1><h2 id="前序遍历" tabindex="-1">前序遍历 <a class="header-anchor" href="#前序遍历" aria-label="Permalink to &quot;前序遍历&quot;">​</a></h2><h2 id="后序遍历" tabindex="-1">后序遍历 <a class="header-anchor" href="#后序遍历" aria-label="Permalink to &quot;后序遍历&quot;">​</a></h2><h2 id="中序遍历" tabindex="-1">中序遍历 <a class="header-anchor" href="#中序遍历" aria-label="Permalink to &quot;中序遍历&quot;">​</a></h2><h2 id="层序遍历" tabindex="-1">层序遍历 <a class="header-anchor" href="#层序遍历" aria-label="Permalink to &quot;层序遍历&quot;">​</a></h2><h1 id="常见算法题" tabindex="-1">常见算法题 <a class="header-anchor" href="#常见算法题" aria-label="Permalink to &quot;常见算法题&quot;">​</a></h1><h2 id="镜像二叉树" tabindex="-1">镜像二叉树 <a class="header-anchor" href="#镜像二叉树" aria-label="Permalink to &quot;镜像二叉树&quot;">​</a></h2><h2 id="重建二叉树" tabindex="-1">重建二叉树 <a class="header-anchor" href="#重建二叉树" aria-label="Permalink to &quot;重建二叉树&quot;">​</a></h2><h2 id="二叉树深度" tabindex="-1">二叉树深度 <a class="header-anchor" href="#二叉树深度" aria-label="Permalink to &quot;二叉树深度&quot;">​</a></h2><h2 id="二叉树节点总数" tabindex="-1">二叉树节点总数 <a class="header-anchor" href="#二叉树节点总数" aria-label="Permalink to &quot;二叉树节点总数&quot;">​</a></h2><h2 id="判断二叉树子结构" tabindex="-1">判断二叉树子结构 <a class="header-anchor" href="#判断二叉树子结构" aria-label="Permalink to &quot;判断二叉树子结构&quot;">​</a></h2><p>输入两棵二叉树 A 和 B，判断 B 是不是 A 的子结构。（ps：约定空树不是任意一个树的子结构）</p><h1 id="参考文档" tabindex="-1">参考文档 <a class="header-anchor" href="#参考文档" aria-label="Permalink to &quot;参考文档&quot;">​</a></h1><ol><li><a href="https://zh.wikipedia.org/wiki/%E4%BA%8C%E5%8F%89%E6%A0%91" target="_blank" rel="noreferrer">维基百科二叉树</a></li><li><a href="https://baike.baidu.com/item/%E6%BB%A1%E4%BA%8C%E5%8F%89%E6%A0%91/7773283" target="_blank" rel="noreferrer">百度百科满二叉树</a></li></ol>',36)]))}const m=r(l,[["render",o]]);export{p as __pageData,m as default};
+import{_ as e}from"./chunks/balanceTree.CCEoBiag.js";import{_ as r,o as i,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"二叉树的定义","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/binaryTree/index.md","filePath":"cn/src/ranuts/binaryTree/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/ranuts/binaryTree/index.md"};function o(n,a,d,s,c,u){return i(),t("div",{"data-pagefind-body":!0},a[0]||(a[0]=[h('<h1 id="二叉树的定义" tabindex="-1">二叉树的定义 <a class="header-anchor" href="#二叉树的定义" aria-label="Permalink to &quot;二叉树的定义&quot;">​</a></h1><p>在计算机科学中，二叉树（Binary tree）是每个节点最多只有两个分支（即不存在分支度大于 2 的节点）的树结构。通常分支被称作“左子树”或“右子树”。二叉树的分支具有左右次序，不能随意颠倒<a href="#参考文档"><sup>[1]</sup></a>。。</p><h1 id="二叉树的性质" tabindex="-1">二叉树的性质 <a class="header-anchor" href="#二叉树的性质" aria-label="Permalink to &quot;二叉树的性质&quot;">​</a></h1><ul><li>在二叉树的第 i 层上最多有 2^(i-1)个结点（i&gt;=1）</li><li>深度为 h 的二叉树，最多有 2^h-1 个结点，最少有 h 个结点（h&gt;=1）</li><li>包含 n 个结点的二叉树的高度至少为(log2n)+1</li><li>非空的二叉树，分支度为 0 的总数为 n0，分支度为 2 的总数为 n2，则 n0=n2+1</li><li>二叉树的总结点数 n = n1 + n2 + n0</li><li>总连线数等于总节点数减一(B = n - 1)</li><li>总连线数等于分支度为 2 的节点的两倍加上分支度为 1 的节点(B = n2 _ 2 + n1 _ 1)</li></ul><h1 id="二叉树的类型" tabindex="-1">二叉树的类型 <a class="header-anchor" href="#二叉树的类型" aria-label="Permalink to &quot;二叉树的类型&quot;">​</a></h1><h2 id="满二叉树" tabindex="-1">满二叉树 <a class="header-anchor" href="#满二叉树" aria-label="Permalink to &quot;满二叉树&quot;">​</a></h2><p>一棵深度为 k 且有 2k-1 个节点的二叉树称为满二叉树。 除最后一层无任何子节点外，每一层上的所有结点都有两个子结点的二叉树<a href="#参考文档"><sup>[2]</sup></a>。</p><h2 id="完全二叉树" tabindex="-1">完全二叉树 <a class="header-anchor" href="#完全二叉树" aria-label="Permalink to &quot;完全二叉树&quot;">​</a></h2><p>一棵深度为 k 的有 n 个结点的二叉树，对树中的结点按从上至下、从左到右的顺序进行编号，如果编号为 i（1≤i≤n）的结点与满二叉树中编号为 i 的结点在二叉树中的位置相同，则这棵二叉树称为完全二叉树。</p><h2 id="二叉搜索树" tabindex="-1">二叉搜索树 <a class="header-anchor" href="#二叉搜索树" aria-label="Permalink to &quot;二叉搜索树&quot;">​</a></h2><p>二叉搜索树（BST）又称二叉查找树或二叉排序树。它或者是一棵空树，或者是具有下列性质的二叉树： 若它的左子树不空，则左子树上所有结点的值均小于它的根结点的值； 若它的右子树不空，则右子树上所有结点的值均大于它的根结点的值； 它的左、右子树也分别为二叉排序树。</p><h2 id="平衡二叉树" tabindex="-1">平衡二叉树 <a class="header-anchor" href="#平衡二叉树" aria-label="Permalink to &quot;平衡二叉树&quot;">​</a></h2><p>平衡二叉树(AVL)一定是二叉搜索树，且左子树和右子树的高度差的绝对值不超过 1。 <img src="'+e+'" alt="平衡二叉树"></p><h2 id="b-树" tabindex="-1">B 树 <a class="header-anchor" href="#b-树" aria-label="Permalink to &quot;B 树&quot;">​</a></h2><p>B 树属于多叉树又名平衡多路查找树（查找路径不只两个）</p><h2 id="b-树-1" tabindex="-1">B+树 <a class="header-anchor" href="#b-树-1" aria-label="Permalink to &quot;B+树&quot;">​</a></h2><p>B+树是 B 树的变体，也是一种多路搜索树。</p><h2 id="b-树-2" tabindex="-1">B*树 <a class="header-anchor" href="#b-树-2" aria-label="Permalink to &quot;B\\*树&quot;">​</a></h2><p>B* 树是 B+树的变体，在 B+树的非根和非叶子结点再增加指向兄弟的指针；B* 树定义了非叶子结点关键字个数至少为(2/3)<em>M，即块的最低使用率为 2/3（代替 B+树的 1/2）。B</em> 树分配新结点的概率比 B+树要低，空间使用率更高；</p><h2 id="红黑树" tabindex="-1">红黑树 <a class="header-anchor" href="#红黑树" aria-label="Permalink to &quot;红黑树&quot;">​</a></h2><p>红黑树是一种平衡二叉查找树的变体，它的左右子树高差有可能大于 1，所以红黑树不是严格意义上的平衡二叉树（AVL），但对它进行平衡的代价较低， 其平均统计性能要强于 AVL 。</p><h2 id="堆" tabindex="-1">堆 <a class="header-anchor" href="#堆" aria-label="Permalink to &quot;堆&quot;">​</a></h2><h1 id="遍历" tabindex="-1">遍历 <a class="header-anchor" href="#遍历" aria-label="Permalink to &quot;遍历&quot;">​</a></h1><h2 id="前序遍历" tabindex="-1">前序遍历 <a class="header-anchor" href="#前序遍历" aria-label="Permalink to &quot;前序遍历&quot;">​</a></h2><h2 id="后序遍历" tabindex="-1">后序遍历 <a class="header-anchor" href="#后序遍历" aria-label="Permalink to &quot;后序遍历&quot;">​</a></h2><h2 id="中序遍历" tabindex="-1">中序遍历 <a class="header-anchor" href="#中序遍历" aria-label="Permalink to &quot;中序遍历&quot;">​</a></h2><h2 id="层序遍历" tabindex="-1">层序遍历 <a class="header-anchor" href="#层序遍历" aria-label="Permalink to &quot;层序遍历&quot;">​</a></h2><h1 id="常见算法题" tabindex="-1">常见算法题 <a class="header-anchor" href="#常见算法题" aria-label="Permalink to &quot;常见算法题&quot;">​</a></h1><h2 id="镜像二叉树" tabindex="-1">镜像二叉树 <a class="header-anchor" href="#镜像二叉树" aria-label="Permalink to &quot;镜像二叉树&quot;">​</a></h2><h2 id="重建二叉树" tabindex="-1">重建二叉树 <a class="header-anchor" href="#重建二叉树" aria-label="Permalink to &quot;重建二叉树&quot;">​</a></h2><h2 id="二叉树深度" tabindex="-1">二叉树深度 <a class="header-anchor" href="#二叉树深度" aria-label="Permalink to &quot;二叉树深度&quot;">​</a></h2><h2 id="二叉树节点总数" tabindex="-1">二叉树节点总数 <a class="header-anchor" href="#二叉树节点总数" aria-label="Permalink to &quot;二叉树节点总数&quot;">​</a></h2><h2 id="判断二叉树子结构" tabindex="-1">判断二叉树子结构 <a class="header-anchor" href="#判断二叉树子结构" aria-label="Permalink to &quot;判断二叉树子结构&quot;">​</a></h2><p>输入两棵二叉树 A 和 B，判断 B 是不是 A 的子结构。（ps：约定空树不是任意一个树的子结构）</p><h1 id="参考文档" tabindex="-1">参考文档 <a class="header-anchor" href="#参考文档" aria-label="Permalink to &quot;参考文档&quot;">​</a></h1><ol><li><a href="https://zh.wikipedia.org/wiki/%E4%BA%8C%E5%8F%89%E6%A0%91" target="_blank" rel="noreferrer">维基百科二叉树</a></li><li><a href="https://baike.baidu.com/item/%E6%BB%A1%E4%BA%8C%E5%8F%89%E6%A0%91/7773283" target="_blank" rel="noreferrer">百度百科满二叉树</a></li></ol>',36)]))}const m=r(l,[["render",o]]);export{p as __pageData,m as default};
diff --git a/assets/cn_src_ranuts_bundler_index.md.Bui4hlUf.js b/assets/cn_src_ranuts_bundler_index.md.DwAuuXbu.js
similarity index 96%
rename from assets/cn_src_ranuts_bundler_index.md.Bui4hlUf.js
rename to assets/cn_src_ranuts_bundler_index.md.DwAuuXbu.js
index 97f73a5021..111386ad2b 100644
--- a/assets/cn_src_ranuts_bundler_index.md.Bui4hlUf.js
+++ b/assets/cn_src_ranuts_bundler_index.md.DwAuuXbu.js
@@ -1,4 +1,4 @@
-import{_ as s}from"./chunks/bundle.BxrzsuA1.js";import{_ as a,o as e,c as p,a3 as t}from"./chunks/framework.eq-HTtE3.js";const h=JSON.parse('{"title":"Bundler","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/bundler/index.md","filePath":"cn/src/ranuts/bundler/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/ranuts/bundler/index.md"};function r(i,n,d,o,c,u){return e(),p("div",{"data-pagefind-body":!0},n[0]||(n[0]=[t(`<h1 id="bundler" tabindex="-1">Bundler <a class="header-anchor" href="#bundler" aria-label="Permalink to &quot;Bundler&quot;">​</a></h1><p><code>Bundler</code>的使用： 传入 options 参数</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>function build(options: Options):Promise&lt;Build&gt; {</span></span>
+import{_ as s}from"./chunks/bundle.BxrzsuA1.js";import{_ as a,o as e,c as p,a3 as t}from"./chunks/framework.eq-HTtE3.js";const h=JSON.parse('{"title":"Bundler","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/bundler/index.md","filePath":"cn/src/ranuts/bundler/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/ranuts/bundler/index.md"};function r(i,n,d,o,c,u){return e(),p("div",{"data-pagefind-body":!0},n[0]||(n[0]=[t(`<h1 id="bundler" tabindex="-1">Bundler <a class="header-anchor" href="#bundler" aria-label="Permalink to &quot;Bundler&quot;">​</a></h1><p><code>Bundler</code>的使用： 传入 options 参数</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>function build(options: Options):Promise&lt;Build&gt; {</span></span>
 <span class="line"><span>  const bundle = new Bundle({</span></span>
 <span class="line"><span>    entry: options.input</span></span>
 <span class="line"><span>  });</span></span>
diff --git a/assets/cn_src_ranuts_bundler_index.md.Bui4hlUf.lean.js b/assets/cn_src_ranuts_bundler_index.md.DwAuuXbu.lean.js
similarity index 96%
rename from assets/cn_src_ranuts_bundler_index.md.Bui4hlUf.lean.js
rename to assets/cn_src_ranuts_bundler_index.md.DwAuuXbu.lean.js
index 97f73a5021..111386ad2b 100644
--- a/assets/cn_src_ranuts_bundler_index.md.Bui4hlUf.lean.js
+++ b/assets/cn_src_ranuts_bundler_index.md.DwAuuXbu.lean.js
@@ -1,4 +1,4 @@
-import{_ as s}from"./chunks/bundle.BxrzsuA1.js";import{_ as a,o as e,c as p,a3 as t}from"./chunks/framework.eq-HTtE3.js";const h=JSON.parse('{"title":"Bundler","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/bundler/index.md","filePath":"cn/src/ranuts/bundler/index.md","lastUpdated":1728129125000}'),l={name:"cn/src/ranuts/bundler/index.md"};function r(i,n,d,o,c,u){return e(),p("div",{"data-pagefind-body":!0},n[0]||(n[0]=[t(`<h1 id="bundler" tabindex="-1">Bundler <a class="header-anchor" href="#bundler" aria-label="Permalink to &quot;Bundler&quot;">​</a></h1><p><code>Bundler</code>的使用： 传入 options 参数</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>function build(options: Options):Promise&lt;Build&gt; {</span></span>
+import{_ as s}from"./chunks/bundle.BxrzsuA1.js";import{_ as a,o as e,c as p,a3 as t}from"./chunks/framework.eq-HTtE3.js";const h=JSON.parse('{"title":"Bundler","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/bundler/index.md","filePath":"cn/src/ranuts/bundler/index.md","lastUpdated":1728129344000}'),l={name:"cn/src/ranuts/bundler/index.md"};function r(i,n,d,o,c,u){return e(),p("div",{"data-pagefind-body":!0},n[0]||(n[0]=[t(`<h1 id="bundler" tabindex="-1">Bundler <a class="header-anchor" href="#bundler" aria-label="Permalink to &quot;Bundler&quot;">​</a></h1><p><code>Bundler</code>的使用： 传入 options 参数</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>function build(options: Options):Promise&lt;Build&gt; {</span></span>
 <span class="line"><span>  const bundle = new Bundle({</span></span>
 <span class="line"><span>    entry: options.input</span></span>
 <span class="line"><span>  });</span></span>
diff --git a/assets/cn_src_ranuts_file_appendFile.md.CYzaDkUO.js b/assets/cn_src_ranuts_file_appendFile.md.B63KmkE8.js
similarity index 96%
rename from assets/cn_src_ranuts_file_appendFile.md.CYzaDkUO.js
rename to assets/cn_src_ranuts_file_appendFile.md.B63KmkE8.js
index 0d40bdc948..5b19a424b6 100644
--- a/assets/cn_src_ranuts_file_appendFile.md.CYzaDkUO.js
+++ b/assets/cn_src_ranuts_file_appendFile.md.B63KmkE8.js
@@ -1 +1 @@
-import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"AppendFile","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/appendFile.md","filePath":"cn/src/ranuts/file/appendFile.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranuts/file/appendFile.md"};function o(i,t,l,h,s,p){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="appendfile" tabindex="-1">AppendFile <a class="header-anchor" href="#appendfile" aria-label="Permalink to &quot;AppendFile&quot;">​</a></h1><p>追加一些数据到文件内</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否追加成功</td><td><code>boolean</code></td><td>true 追加成功 false 追加失败</td></tr><tr><td>data</td><td>追加失败的原因，添加成功后的文件内容</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const b=e(n,[["render",o]]);export{u as __pageData,b as default};
+import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"AppendFile","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/appendFile.md","filePath":"cn/src/ranuts/file/appendFile.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranuts/file/appendFile.md"};function o(i,t,l,h,s,p){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="appendfile" tabindex="-1">AppendFile <a class="header-anchor" href="#appendfile" aria-label="Permalink to &quot;AppendFile&quot;">​</a></h1><p>追加一些数据到文件内</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否追加成功</td><td><code>boolean</code></td><td>true 追加成功 false 追加失败</td></tr><tr><td>data</td><td>追加失败的原因，添加成功后的文件内容</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const b=e(n,[["render",o]]);export{u as __pageData,b as default};
diff --git a/assets/cn_src_ranuts_file_appendFile.md.CYzaDkUO.lean.js b/assets/cn_src_ranuts_file_appendFile.md.B63KmkE8.lean.js
similarity index 96%
rename from assets/cn_src_ranuts_file_appendFile.md.CYzaDkUO.lean.js
rename to assets/cn_src_ranuts_file_appendFile.md.B63KmkE8.lean.js
index 0d40bdc948..5b19a424b6 100644
--- a/assets/cn_src_ranuts_file_appendFile.md.CYzaDkUO.lean.js
+++ b/assets/cn_src_ranuts_file_appendFile.md.B63KmkE8.lean.js
@@ -1 +1 @@
-import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"AppendFile","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/appendFile.md","filePath":"cn/src/ranuts/file/appendFile.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranuts/file/appendFile.md"};function o(i,t,l,h,s,p){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="appendfile" tabindex="-1">AppendFile <a class="header-anchor" href="#appendfile" aria-label="Permalink to &quot;AppendFile&quot;">​</a></h1><p>追加一些数据到文件内</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否追加成功</td><td><code>boolean</code></td><td>true 追加成功 false 追加失败</td></tr><tr><td>data</td><td>追加失败的原因，添加成功后的文件内容</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const b=e(n,[["render",o]]);export{u as __pageData,b as default};
+import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"AppendFile","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/appendFile.md","filePath":"cn/src/ranuts/file/appendFile.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranuts/file/appendFile.md"};function o(i,t,l,h,s,p){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="appendfile" tabindex="-1">AppendFile <a class="header-anchor" href="#appendfile" aria-label="Permalink to &quot;AppendFile&quot;">​</a></h1><p>追加一些数据到文件内</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否追加成功</td><td><code>boolean</code></td><td>true 追加成功 false 追加失败</td></tr><tr><td>data</td><td>追加失败的原因，添加成功后的文件内容</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const b=e(n,[["render",o]]);export{u as __pageData,b as default};
diff --git a/assets/cn_src_ranuts_file_fileInfo.md.cszSvf9s.js b/assets/cn_src_ranuts_file_fileInfo.md.CqJn8JuV.js
similarity index 96%
rename from assets/cn_src_ranuts_file_fileInfo.md.cszSvf9s.js
rename to assets/cn_src_ranuts_file_fileInfo.md.CqJn8JuV.js
index 7e215fb302..e9278dffab 100644
--- a/assets/cn_src_ranuts_file_fileInfo.md.cszSvf9s.js
+++ b/assets/cn_src_ranuts_file_fileInfo.md.CqJn8JuV.js
@@ -1 +1 @@
-import{_ as e,o as a,c as r,a3 as d}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"QueryFileInfo","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/fileInfo.md","filePath":"cn/src/ranuts/file/fileInfo.md","lastUpdated":1728129125000}'),o={name:"cn/src/ranuts/file/fileInfo.md"};function i(n,t,l,h,s,c){return a(),r("div",{"data-pagefind-body":!0},t[0]||(t[0]=[d('<h1 id="queryfileinfo" tabindex="-1">QueryFileInfo <a class="header-anchor" href="#queryfileinfo" aria-label="Permalink to &quot;QueryFileInfo&quot;">​</a></h1><p>查询一个文件的详细信息，一般用于区分文件还是目录，可以通过返回的 data 来判断（data.isDirectory()）</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否检查成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>文件的信息，或者错误的原因</td><td><code>Stats</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要检查的文件路径</td><td><code>string</code></td><td>undefined</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const p=e(o,[["render",i]]);export{u as __pageData,p as default};
+import{_ as e,o as a,c as r,a3 as d}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"QueryFileInfo","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/fileInfo.md","filePath":"cn/src/ranuts/file/fileInfo.md","lastUpdated":1728129344000}'),o={name:"cn/src/ranuts/file/fileInfo.md"};function i(n,t,l,h,s,c){return a(),r("div",{"data-pagefind-body":!0},t[0]||(t[0]=[d('<h1 id="queryfileinfo" tabindex="-1">QueryFileInfo <a class="header-anchor" href="#queryfileinfo" aria-label="Permalink to &quot;QueryFileInfo&quot;">​</a></h1><p>查询一个文件的详细信息，一般用于区分文件还是目录，可以通过返回的 data 来判断（data.isDirectory()）</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否检查成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>文件的信息，或者错误的原因</td><td><code>Stats</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要检查的文件路径</td><td><code>string</code></td><td>undefined</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const p=e(o,[["render",i]]);export{u as __pageData,p as default};
diff --git a/assets/cn_src_ranuts_file_fileInfo.md.cszSvf9s.lean.js b/assets/cn_src_ranuts_file_fileInfo.md.CqJn8JuV.lean.js
similarity index 96%
rename from assets/cn_src_ranuts_file_fileInfo.md.cszSvf9s.lean.js
rename to assets/cn_src_ranuts_file_fileInfo.md.CqJn8JuV.lean.js
index 7e215fb302..e9278dffab 100644
--- a/assets/cn_src_ranuts_file_fileInfo.md.cszSvf9s.lean.js
+++ b/assets/cn_src_ranuts_file_fileInfo.md.CqJn8JuV.lean.js
@@ -1 +1 @@
-import{_ as e,o as a,c as r,a3 as d}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"QueryFileInfo","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/fileInfo.md","filePath":"cn/src/ranuts/file/fileInfo.md","lastUpdated":1728129125000}'),o={name:"cn/src/ranuts/file/fileInfo.md"};function i(n,t,l,h,s,c){return a(),r("div",{"data-pagefind-body":!0},t[0]||(t[0]=[d('<h1 id="queryfileinfo" tabindex="-1">QueryFileInfo <a class="header-anchor" href="#queryfileinfo" aria-label="Permalink to &quot;QueryFileInfo&quot;">​</a></h1><p>查询一个文件的详细信息，一般用于区分文件还是目录，可以通过返回的 data 来判断（data.isDirectory()）</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否检查成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>文件的信息，或者错误的原因</td><td><code>Stats</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要检查的文件路径</td><td><code>string</code></td><td>undefined</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const p=e(o,[["render",i]]);export{u as __pageData,p as default};
+import{_ as e,o as a,c as r,a3 as d}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"QueryFileInfo","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/fileInfo.md","filePath":"cn/src/ranuts/file/fileInfo.md","lastUpdated":1728129344000}'),o={name:"cn/src/ranuts/file/fileInfo.md"};function i(n,t,l,h,s,c){return a(),r("div",{"data-pagefind-body":!0},t[0]||(t[0]=[d('<h1 id="queryfileinfo" tabindex="-1">QueryFileInfo <a class="header-anchor" href="#queryfileinfo" aria-label="Permalink to &quot;QueryFileInfo&quot;">​</a></h1><p>查询一个文件的详细信息，一般用于区分文件还是目录，可以通过返回的 data 来判断（data.isDirectory()）</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否检查成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>文件的信息，或者错误的原因</td><td><code>Stats</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要检查的文件路径</td><td><code>string</code></td><td>undefined</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const p=e(o,[["render",i]]);export{u as __pageData,p as default};
diff --git a/assets/cn_src_ranuts_file_readDir.md.DVHZJj5k.js b/assets/cn_src_ranuts_file_readDir.md.BAFE9wq0.js
similarity index 96%
rename from assets/cn_src_ranuts_file_readDir.md.DVHZJj5k.js
rename to assets/cn_src_ranuts_file_readDir.md.BAFE9wq0.js
index 304d946fb1..cf667600ca 100644
--- a/assets/cn_src_ranuts_file_readDir.md.DVHZJj5k.js
+++ b/assets/cn_src_ranuts_file_readDir.md.BAFE9wq0.js
@@ -1 +1 @@
-import{_ as e,o as r,c as l,a3 as d,j as t,a as n}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"ReadDir","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/readDir.md","filePath":"cn/src/ranuts/file/readDir.md","lastUpdated":1728129125000}'),i={name:"cn/src/ranuts/file/readDir.md"};function o(s,a,h,u,c,p){return r(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[d('<h1 id="readdir" tabindex="-1">ReadDir <a class="header-anchor" href="#readdir" aria-label="Permalink to &quot;ReadDir&quot;">​</a></h1><p>读一个目录下的所有文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>result</td><td>目录下所有文件的数组</td><td><code>array</code></td><td>传入函数的参数</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3>',7),t("table",{tabindex:"0"},[t("thead",null,[t("tr",null,[t("th",null,"参数"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"默认值")])]),t("tbody",null,[t("tr",null,[t("td",null,"options"),t("td",{dirPath:""}),t("td",null,[t("code",null,"object")]),t("td",null,"传入函数的参数")]),t("tr",null,[t("td",null,"dirPath"),t("td",null,"文件的路径"),t("td",null,[t("code",null,"Stats")]),t("td")])])],-1),t("h2",{id:"example",tabindex:"-1"},[n("Example "),t("a",{class:"header-anchor",href:"#example","aria-label":'Permalink to "Example"'},"​")],-1)]))}const f=e(i,[["render",o]]);export{m as __pageData,f as default};
+import{_ as e,o as r,c as l,a3 as d,j as t,a as n}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"ReadDir","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/readDir.md","filePath":"cn/src/ranuts/file/readDir.md","lastUpdated":1728129344000}'),i={name:"cn/src/ranuts/file/readDir.md"};function o(s,a,h,u,c,p){return r(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[d('<h1 id="readdir" tabindex="-1">ReadDir <a class="header-anchor" href="#readdir" aria-label="Permalink to &quot;ReadDir&quot;">​</a></h1><p>读一个目录下的所有文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>result</td><td>目录下所有文件的数组</td><td><code>array</code></td><td>传入函数的参数</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3>',7),t("table",{tabindex:"0"},[t("thead",null,[t("tr",null,[t("th",null,"参数"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"默认值")])]),t("tbody",null,[t("tr",null,[t("td",null,"options"),t("td",{dirPath:""}),t("td",null,[t("code",null,"object")]),t("td",null,"传入函数的参数")]),t("tr",null,[t("td",null,"dirPath"),t("td",null,"文件的路径"),t("td",null,[t("code",null,"Stats")]),t("td")])])],-1),t("h2",{id:"example",tabindex:"-1"},[n("Example "),t("a",{class:"header-anchor",href:"#example","aria-label":'Permalink to "Example"'},"​")],-1)]))}const f=e(i,[["render",o]]);export{m as __pageData,f as default};
diff --git a/assets/cn_src_ranuts_file_readDir.md.DVHZJj5k.lean.js b/assets/cn_src_ranuts_file_readDir.md.BAFE9wq0.lean.js
similarity index 96%
rename from assets/cn_src_ranuts_file_readDir.md.DVHZJj5k.lean.js
rename to assets/cn_src_ranuts_file_readDir.md.BAFE9wq0.lean.js
index 304d946fb1..cf667600ca 100644
--- a/assets/cn_src_ranuts_file_readDir.md.DVHZJj5k.lean.js
+++ b/assets/cn_src_ranuts_file_readDir.md.BAFE9wq0.lean.js
@@ -1 +1 @@
-import{_ as e,o as r,c as l,a3 as d,j as t,a as n}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"ReadDir","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/readDir.md","filePath":"cn/src/ranuts/file/readDir.md","lastUpdated":1728129125000}'),i={name:"cn/src/ranuts/file/readDir.md"};function o(s,a,h,u,c,p){return r(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[d('<h1 id="readdir" tabindex="-1">ReadDir <a class="header-anchor" href="#readdir" aria-label="Permalink to &quot;ReadDir&quot;">​</a></h1><p>读一个目录下的所有文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>result</td><td>目录下所有文件的数组</td><td><code>array</code></td><td>传入函数的参数</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3>',7),t("table",{tabindex:"0"},[t("thead",null,[t("tr",null,[t("th",null,"参数"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"默认值")])]),t("tbody",null,[t("tr",null,[t("td",null,"options"),t("td",{dirPath:""}),t("td",null,[t("code",null,"object")]),t("td",null,"传入函数的参数")]),t("tr",null,[t("td",null,"dirPath"),t("td",null,"文件的路径"),t("td",null,[t("code",null,"Stats")]),t("td")])])],-1),t("h2",{id:"example",tabindex:"-1"},[n("Example "),t("a",{class:"header-anchor",href:"#example","aria-label":'Permalink to "Example"'},"​")],-1)]))}const f=e(i,[["render",o]]);export{m as __pageData,f as default};
+import{_ as e,o as r,c as l,a3 as d,j as t,a as n}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"ReadDir","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/readDir.md","filePath":"cn/src/ranuts/file/readDir.md","lastUpdated":1728129344000}'),i={name:"cn/src/ranuts/file/readDir.md"};function o(s,a,h,u,c,p){return r(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[d('<h1 id="readdir" tabindex="-1">ReadDir <a class="header-anchor" href="#readdir" aria-label="Permalink to &quot;ReadDir&quot;">​</a></h1><p>读一个目录下的所有文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>result</td><td>目录下所有文件的数组</td><td><code>array</code></td><td>传入函数的参数</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3>',7),t("table",{tabindex:"0"},[t("thead",null,[t("tr",null,[t("th",null,"参数"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"默认值")])]),t("tbody",null,[t("tr",null,[t("td",null,"options"),t("td",{dirPath:""}),t("td",null,[t("code",null,"object")]),t("td",null,"传入函数的参数")]),t("tr",null,[t("td",null,"dirPath"),t("td",null,"文件的路径"),t("td",null,[t("code",null,"Stats")]),t("td")])])],-1),t("h2",{id:"example",tabindex:"-1"},[n("Example "),t("a",{class:"header-anchor",href:"#example","aria-label":'Permalink to "Example"'},"​")],-1)]))}const f=e(i,[["render",o]]);export{m as __pageData,f as default};
diff --git a/assets/cn_src_ranuts_file_readFile.md.CMWdjeNp.js b/assets/cn_src_ranuts_file_readFile.md._sEkTrwK.js
similarity index 96%
rename from assets/cn_src_ranuts_file_readFile.md.CMWdjeNp.js
rename to assets/cn_src_ranuts_file_readFile.md._sEkTrwK.js
index c1acd4b69d..4b5b9e1d97 100644
--- a/assets/cn_src_ranuts_file_readFile.md.CMWdjeNp.js
+++ b/assets/cn_src_ranuts_file_readFile.md._sEkTrwK.js
@@ -1 +1 @@
-import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"ReadFile","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/readFile.md","filePath":"cn/src/ranuts/file/readFile.md","lastUpdated":1728129125000}'),o={name:"cn/src/ranuts/file/readFile.md"};function i(l,t,n,h,s,c){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="readfile" tabindex="-1">ReadFile <a class="header-anchor" href="#readfile" aria-label="Permalink to &quot;ReadFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>data</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const b=e(o,[["render",i]]);export{p as __pageData,b as default};
+import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"ReadFile","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/readFile.md","filePath":"cn/src/ranuts/file/readFile.md","lastUpdated":1728129344000}'),o={name:"cn/src/ranuts/file/readFile.md"};function i(l,t,n,h,s,c){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="readfile" tabindex="-1">ReadFile <a class="header-anchor" href="#readfile" aria-label="Permalink to &quot;ReadFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>data</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const b=e(o,[["render",i]]);export{p as __pageData,b as default};
diff --git a/assets/cn_src_ranuts_file_readFile.md.CMWdjeNp.lean.js b/assets/cn_src_ranuts_file_readFile.md._sEkTrwK.lean.js
similarity index 96%
rename from assets/cn_src_ranuts_file_readFile.md.CMWdjeNp.lean.js
rename to assets/cn_src_ranuts_file_readFile.md._sEkTrwK.lean.js
index c1acd4b69d..4b5b9e1d97 100644
--- a/assets/cn_src_ranuts_file_readFile.md.CMWdjeNp.lean.js
+++ b/assets/cn_src_ranuts_file_readFile.md._sEkTrwK.lean.js
@@ -1 +1 @@
-import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"ReadFile","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/readFile.md","filePath":"cn/src/ranuts/file/readFile.md","lastUpdated":1728129125000}'),o={name:"cn/src/ranuts/file/readFile.md"};function i(l,t,n,h,s,c){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="readfile" tabindex="-1">ReadFile <a class="header-anchor" href="#readfile" aria-label="Permalink to &quot;ReadFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>data</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const b=e(o,[["render",i]]);export{p as __pageData,b as default};
+import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"ReadFile","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/readFile.md","filePath":"cn/src/ranuts/file/readFile.md","lastUpdated":1728129344000}'),o={name:"cn/src/ranuts/file/readFile.md"};function i(l,t,n,h,s,c){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="readfile" tabindex="-1">ReadFile <a class="header-anchor" href="#readfile" aria-label="Permalink to &quot;ReadFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>data</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const b=e(o,[["render",i]]);export{p as __pageData,b as default};
diff --git a/assets/cn_src_ranuts_file_watchFile.md.5h3FtZpC.js b/assets/cn_src_ranuts_file_watchFile.md.DizkqDrO.js
similarity index 96%
rename from assets/cn_src_ranuts_file_watchFile.md.5h3FtZpC.js
rename to assets/cn_src_ranuts_file_watchFile.md.DizkqDrO.js
index 45a2bade6e..9e00e5f3de 100644
--- a/assets/cn_src_ranuts_file_watchFile.md.5h3FtZpC.js
+++ b/assets/cn_src_ranuts_file_watchFile.md.DizkqDrO.js
@@ -1 +1 @@
-import{_ as a,o as e,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"WatchFile","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/watchFile.md","filePath":"cn/src/ranuts/file/watchFile.md","lastUpdated":1728129125000}'),o={name:"cn/src/ranuts/file/watchFile.md"};function i(h,t,n,l,c,s){return e(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="watchfile" tabindex="-1">WatchFile <a class="header-anchor" href="#watchfile" aria-label="Permalink to &quot;WatchFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>status</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table>',8)]))}const b=a(o,[["render",i]]);export{p as __pageData,b as default};
+import{_ as a,o as e,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"WatchFile","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/watchFile.md","filePath":"cn/src/ranuts/file/watchFile.md","lastUpdated":1728129344000}'),o={name:"cn/src/ranuts/file/watchFile.md"};function i(h,t,n,l,c,s){return e(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="watchfile" tabindex="-1">WatchFile <a class="header-anchor" href="#watchfile" aria-label="Permalink to &quot;WatchFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>status</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table>',8)]))}const b=a(o,[["render",i]]);export{p as __pageData,b as default};
diff --git a/assets/cn_src_ranuts_file_watchFile.md.5h3FtZpC.lean.js b/assets/cn_src_ranuts_file_watchFile.md.DizkqDrO.lean.js
similarity index 96%
rename from assets/cn_src_ranuts_file_watchFile.md.5h3FtZpC.lean.js
rename to assets/cn_src_ranuts_file_watchFile.md.DizkqDrO.lean.js
index 45a2bade6e..9e00e5f3de 100644
--- a/assets/cn_src_ranuts_file_watchFile.md.5h3FtZpC.lean.js
+++ b/assets/cn_src_ranuts_file_watchFile.md.DizkqDrO.lean.js
@@ -1 +1 @@
-import{_ as a,o as e,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"WatchFile","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/watchFile.md","filePath":"cn/src/ranuts/file/watchFile.md","lastUpdated":1728129125000}'),o={name:"cn/src/ranuts/file/watchFile.md"};function i(h,t,n,l,c,s){return e(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="watchfile" tabindex="-1">WatchFile <a class="header-anchor" href="#watchfile" aria-label="Permalink to &quot;WatchFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>status</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table>',8)]))}const b=a(o,[["render",i]]);export{p as __pageData,b as default};
+import{_ as a,o as e,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"WatchFile","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/watchFile.md","filePath":"cn/src/ranuts/file/watchFile.md","lastUpdated":1728129344000}'),o={name:"cn/src/ranuts/file/watchFile.md"};function i(h,t,n,l,c,s){return e(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="watchfile" tabindex="-1">WatchFile <a class="header-anchor" href="#watchfile" aria-label="Permalink to &quot;WatchFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>status</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table>',8)]))}const b=a(o,[["render",i]]);export{p as __pageData,b as default};
diff --git a/assets/cn_src_ranuts_file_writeFile.md.DLZe7Swq.js b/assets/cn_src_ranuts_file_writeFile.md.Bu4zBA8r.js
similarity index 96%
rename from assets/cn_src_ranuts_file_writeFile.md.DLZe7Swq.js
rename to assets/cn_src_ranuts_file_writeFile.md.Bu4zBA8r.js
index aa54bbb59b..c1686bb187 100644
--- a/assets/cn_src_ranuts_file_writeFile.md.DLZe7Swq.js
+++ b/assets/cn_src_ranuts_file_writeFile.md.Bu4zBA8r.js
@@ -1 +1 @@
-import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"WriteFile","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/writeFile.md","filePath":"cn/src/ranuts/file/writeFile.md","lastUpdated":1728129125000}'),i={name:"cn/src/ranuts/file/writeFile.md"};function o(n,t,l,h,s,c){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="writefile" tabindex="-1">WriteFile <a class="header-anchor" href="#writefile" aria-label="Permalink to &quot;WriteFile&quot;">​</a></h1><p>将内容写入文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否写入成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>写入失败的原因，添加成功后的文件内容和文件路径</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table>',8)]))}const b=e(i,[["render",o]]);export{p as __pageData,b as default};
+import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"WriteFile","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/writeFile.md","filePath":"cn/src/ranuts/file/writeFile.md","lastUpdated":1728129344000}'),i={name:"cn/src/ranuts/file/writeFile.md"};function o(n,t,l,h,s,c){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="writefile" tabindex="-1">WriteFile <a class="header-anchor" href="#writefile" aria-label="Permalink to &quot;WriteFile&quot;">​</a></h1><p>将内容写入文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否写入成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>写入失败的原因，添加成功后的文件内容和文件路径</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table>',8)]))}const b=e(i,[["render",o]]);export{p as __pageData,b as default};
diff --git a/assets/cn_src_ranuts_file_writeFile.md.DLZe7Swq.lean.js b/assets/cn_src_ranuts_file_writeFile.md.Bu4zBA8r.lean.js
similarity index 96%
rename from assets/cn_src_ranuts_file_writeFile.md.DLZe7Swq.lean.js
rename to assets/cn_src_ranuts_file_writeFile.md.Bu4zBA8r.lean.js
index aa54bbb59b..c1686bb187 100644
--- a/assets/cn_src_ranuts_file_writeFile.md.DLZe7Swq.lean.js
+++ b/assets/cn_src_ranuts_file_writeFile.md.Bu4zBA8r.lean.js
@@ -1 +1 @@
-import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"WriteFile","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/writeFile.md","filePath":"cn/src/ranuts/file/writeFile.md","lastUpdated":1728129125000}'),i={name:"cn/src/ranuts/file/writeFile.md"};function o(n,t,l,h,s,c){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="writefile" tabindex="-1">WriteFile <a class="header-anchor" href="#writefile" aria-label="Permalink to &quot;WriteFile&quot;">​</a></h1><p>将内容写入文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否写入成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>写入失败的原因，添加成功后的文件内容和文件路径</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table>',8)]))}const b=e(i,[["render",o]]);export{p as __pageData,b as default};
+import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"WriteFile","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/file/writeFile.md","filePath":"cn/src/ranuts/file/writeFile.md","lastUpdated":1728129344000}'),i={name:"cn/src/ranuts/file/writeFile.md"};function o(n,t,l,h,s,c){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="writefile" tabindex="-1">WriteFile <a class="header-anchor" href="#writefile" aria-label="Permalink to &quot;WriteFile&quot;">​</a></h1><p>将内容写入文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否写入成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>写入失败的原因，添加成功后的文件内容和文件路径</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table>',8)]))}const b=e(i,[["render",o]]);export{p as __pageData,b as default};
diff --git a/assets/cn_src_ranuts_index.md.B_7KgyI-.js b/assets/cn_src_ranuts_index.md.Br1tGjNi.js
similarity index 97%
rename from assets/cn_src_ranuts_index.md.B_7KgyI-.js
rename to assets/cn_src_ranuts_index.md.Br1tGjNi.js
index 06c662aa51..6b33408765 100644
--- a/assets/cn_src_ranuts_index.md.B_7KgyI-.js
+++ b/assets/cn_src_ranuts_index.md.Br1tGjNi.js
@@ -1 +1 @@
-import{_ as r,o as d,c as a,a3 as i,G as o,B as l}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"ranuts overview","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/index.md","filePath":"cn/src/ranuts/index.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranuts/index.md"};function s(h,t,m,f,c,u){const e=l("TOTP");return d(),a("div",{"data-pagefind-body":!0},[t[0]||(t[0]=i('<h1 id="ranuts-overview" tabindex="-1">ranuts overview <a class="header-anchor" href="#ranuts-overview" aria-label="Permalink to &quot;ranuts overview&quot;">​</a></h1><h2 id="方法列表" tabindex="-1">方法列表 <a class="header-anchor" href="#方法列表" aria-label="Permalink to &quot;方法列表&quot;">​</a></h2><table tabindex="0"><thead><tr><th>方法</th><th>说明</th><th>详细内容</th></tr></thead><tbody><tr><td>writeFile</td><td>写入文件</td><td><a href="./file/writeFile.html">writeFile</a></td></tr><tr><td>readFile</td><td>读取文件</td><td><a href="./file/readFile.html">readFile</a></td></tr><tr><td>readDir</td><td>读取目录，获取目录下所有文件的名字</td><td><a href="./file/readDir.html">readDir</a></td></tr><tr><td>watchFile</td><td>观察文件的内容是否发生变化</td><td><a href="./file/watchFile.html">watchFile</a></td></tr><tr><td>queryFileInfo</td><td>查询文件信息</td><td><a href="./file/fileInfo.html">queryFileInfo</a></td></tr><tr><td>filterObj</td><td>过滤对象</td><td><a href="./utils/filterObj.html">filterObj</a></td></tr><tr><td>EventEmitter</td><td>发布订阅类</td><td><a href="./mode/subscribe.html">EventEmitter</a></td></tr><tr><td>str2Xml</td><td>字符串转成<code>xml</code></td><td><a href="./utils/str2xml.html">str2Xml</a></td></tr><tr><td>getMime</td><td>根据文件格式后缀获取 mime type</td><td><a href="./mimeType/mimeType.html">getMime</a></td></tr><tr><td>getCookie</td><td>获取指定 cookie 的值</td><td><a href="./utils/getCookie.html">writeFile</a></td></tr><tr><td>formatJson</td><td>格式化 JSON</td><td><a href="./utils/formatJson.html">formatJson</a></td></tr></tbody></table><h1 id="totp" tabindex="-1">TOTP <a class="header-anchor" href="#totp" aria-label="Permalink to &quot;TOTP&quot;">​</a></h1>',4)),o(e)])}const v=r(n,[["render",s]]);export{b as __pageData,v as default};
+import{_ as r,o as d,c as a,a3 as i,G as o,B as l}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"ranuts overview","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/index.md","filePath":"cn/src/ranuts/index.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranuts/index.md"};function s(h,t,m,f,c,u){const e=l("TOTP");return d(),a("div",{"data-pagefind-body":!0},[t[0]||(t[0]=i('<h1 id="ranuts-overview" tabindex="-1">ranuts overview <a class="header-anchor" href="#ranuts-overview" aria-label="Permalink to &quot;ranuts overview&quot;">​</a></h1><h2 id="方法列表" tabindex="-1">方法列表 <a class="header-anchor" href="#方法列表" aria-label="Permalink to &quot;方法列表&quot;">​</a></h2><table tabindex="0"><thead><tr><th>方法</th><th>说明</th><th>详细内容</th></tr></thead><tbody><tr><td>writeFile</td><td>写入文件</td><td><a href="./file/writeFile.html">writeFile</a></td></tr><tr><td>readFile</td><td>读取文件</td><td><a href="./file/readFile.html">readFile</a></td></tr><tr><td>readDir</td><td>读取目录，获取目录下所有文件的名字</td><td><a href="./file/readDir.html">readDir</a></td></tr><tr><td>watchFile</td><td>观察文件的内容是否发生变化</td><td><a href="./file/watchFile.html">watchFile</a></td></tr><tr><td>queryFileInfo</td><td>查询文件信息</td><td><a href="./file/fileInfo.html">queryFileInfo</a></td></tr><tr><td>filterObj</td><td>过滤对象</td><td><a href="./utils/filterObj.html">filterObj</a></td></tr><tr><td>EventEmitter</td><td>发布订阅类</td><td><a href="./mode/subscribe.html">EventEmitter</a></td></tr><tr><td>str2Xml</td><td>字符串转成<code>xml</code></td><td><a href="./utils/str2xml.html">str2Xml</a></td></tr><tr><td>getMime</td><td>根据文件格式后缀获取 mime type</td><td><a href="./mimeType/mimeType.html">getMime</a></td></tr><tr><td>getCookie</td><td>获取指定 cookie 的值</td><td><a href="./utils/getCookie.html">writeFile</a></td></tr><tr><td>formatJson</td><td>格式化 JSON</td><td><a href="./utils/formatJson.html">formatJson</a></td></tr></tbody></table><h1 id="totp" tabindex="-1">TOTP <a class="header-anchor" href="#totp" aria-label="Permalink to &quot;TOTP&quot;">​</a></h1>',4)),o(e)])}const v=r(n,[["render",s]]);export{b as __pageData,v as default};
diff --git a/assets/cn_src_ranuts_index.md.B_7KgyI-.lean.js b/assets/cn_src_ranuts_index.md.Br1tGjNi.lean.js
similarity index 97%
rename from assets/cn_src_ranuts_index.md.B_7KgyI-.lean.js
rename to assets/cn_src_ranuts_index.md.Br1tGjNi.lean.js
index 06c662aa51..6b33408765 100644
--- a/assets/cn_src_ranuts_index.md.B_7KgyI-.lean.js
+++ b/assets/cn_src_ranuts_index.md.Br1tGjNi.lean.js
@@ -1 +1 @@
-import{_ as r,o as d,c as a,a3 as i,G as o,B as l}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"ranuts overview","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/index.md","filePath":"cn/src/ranuts/index.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranuts/index.md"};function s(h,t,m,f,c,u){const e=l("TOTP");return d(),a("div",{"data-pagefind-body":!0},[t[0]||(t[0]=i('<h1 id="ranuts-overview" tabindex="-1">ranuts overview <a class="header-anchor" href="#ranuts-overview" aria-label="Permalink to &quot;ranuts overview&quot;">​</a></h1><h2 id="方法列表" tabindex="-1">方法列表 <a class="header-anchor" href="#方法列表" aria-label="Permalink to &quot;方法列表&quot;">​</a></h2><table tabindex="0"><thead><tr><th>方法</th><th>说明</th><th>详细内容</th></tr></thead><tbody><tr><td>writeFile</td><td>写入文件</td><td><a href="./file/writeFile.html">writeFile</a></td></tr><tr><td>readFile</td><td>读取文件</td><td><a href="./file/readFile.html">readFile</a></td></tr><tr><td>readDir</td><td>读取目录，获取目录下所有文件的名字</td><td><a href="./file/readDir.html">readDir</a></td></tr><tr><td>watchFile</td><td>观察文件的内容是否发生变化</td><td><a href="./file/watchFile.html">watchFile</a></td></tr><tr><td>queryFileInfo</td><td>查询文件信息</td><td><a href="./file/fileInfo.html">queryFileInfo</a></td></tr><tr><td>filterObj</td><td>过滤对象</td><td><a href="./utils/filterObj.html">filterObj</a></td></tr><tr><td>EventEmitter</td><td>发布订阅类</td><td><a href="./mode/subscribe.html">EventEmitter</a></td></tr><tr><td>str2Xml</td><td>字符串转成<code>xml</code></td><td><a href="./utils/str2xml.html">str2Xml</a></td></tr><tr><td>getMime</td><td>根据文件格式后缀获取 mime type</td><td><a href="./mimeType/mimeType.html">getMime</a></td></tr><tr><td>getCookie</td><td>获取指定 cookie 的值</td><td><a href="./utils/getCookie.html">writeFile</a></td></tr><tr><td>formatJson</td><td>格式化 JSON</td><td><a href="./utils/formatJson.html">formatJson</a></td></tr></tbody></table><h1 id="totp" tabindex="-1">TOTP <a class="header-anchor" href="#totp" aria-label="Permalink to &quot;TOTP&quot;">​</a></h1>',4)),o(e)])}const v=r(n,[["render",s]]);export{b as __pageData,v as default};
+import{_ as r,o as d,c as a,a3 as i,G as o,B as l}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"ranuts overview","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/index.md","filePath":"cn/src/ranuts/index.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranuts/index.md"};function s(h,t,m,f,c,u){const e=l("TOTP");return d(),a("div",{"data-pagefind-body":!0},[t[0]||(t[0]=i('<h1 id="ranuts-overview" tabindex="-1">ranuts overview <a class="header-anchor" href="#ranuts-overview" aria-label="Permalink to &quot;ranuts overview&quot;">​</a></h1><h2 id="方法列表" tabindex="-1">方法列表 <a class="header-anchor" href="#方法列表" aria-label="Permalink to &quot;方法列表&quot;">​</a></h2><table tabindex="0"><thead><tr><th>方法</th><th>说明</th><th>详细内容</th></tr></thead><tbody><tr><td>writeFile</td><td>写入文件</td><td><a href="./file/writeFile.html">writeFile</a></td></tr><tr><td>readFile</td><td>读取文件</td><td><a href="./file/readFile.html">readFile</a></td></tr><tr><td>readDir</td><td>读取目录，获取目录下所有文件的名字</td><td><a href="./file/readDir.html">readDir</a></td></tr><tr><td>watchFile</td><td>观察文件的内容是否发生变化</td><td><a href="./file/watchFile.html">watchFile</a></td></tr><tr><td>queryFileInfo</td><td>查询文件信息</td><td><a href="./file/fileInfo.html">queryFileInfo</a></td></tr><tr><td>filterObj</td><td>过滤对象</td><td><a href="./utils/filterObj.html">filterObj</a></td></tr><tr><td>EventEmitter</td><td>发布订阅类</td><td><a href="./mode/subscribe.html">EventEmitter</a></td></tr><tr><td>str2Xml</td><td>字符串转成<code>xml</code></td><td><a href="./utils/str2xml.html">str2Xml</a></td></tr><tr><td>getMime</td><td>根据文件格式后缀获取 mime type</td><td><a href="./mimeType/mimeType.html">getMime</a></td></tr><tr><td>getCookie</td><td>获取指定 cookie 的值</td><td><a href="./utils/getCookie.html">writeFile</a></td></tr><tr><td>formatJson</td><td>格式化 JSON</td><td><a href="./utils/formatJson.html">formatJson</a></td></tr></tbody></table><h1 id="totp" tabindex="-1">TOTP <a class="header-anchor" href="#totp" aria-label="Permalink to &quot;TOTP&quot;">​</a></h1>',4)),o(e)])}const v=r(n,[["render",s]]);export{b as __pageData,v as default};
diff --git a/assets/cn_src_ranuts_mimeType_mimeType.md.nxjk8xi_.js b/assets/cn_src_ranuts_mimeType_mimeType.md.D8QLJam4.js
similarity index 98%
rename from assets/cn_src_ranuts_mimeType_mimeType.md.nxjk8xi_.js
rename to assets/cn_src_ranuts_mimeType_mimeType.md.D8QLJam4.js
index f9ed3bb0be..8c257e79cb 100644
--- a/assets/cn_src_ranuts_mimeType_mimeType.md.nxjk8xi_.js
+++ b/assets/cn_src_ranuts_mimeType_mimeType.md.D8QLJam4.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as t,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"getMime","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/mimeType/mimeType.md","filePath":"cn/src/ranuts/mimeType/mimeType.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranuts/mimeType/mimeType.md"};function h(l,s,p,r,d,k){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e(`<h1 id="getmime" tabindex="-1">getMime <a class="header-anchor" href="#getmime" aria-label="Permalink to &quot;getMime&quot;">​</a></h1><p>传入文件格式后缀，返回<code>mime type</code></p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>string</code></td><td>返回<code>mime type</code></td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>ext</td><td>文件后缀格式</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { getMime } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as i,o as a,c as t,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"getMime","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/mimeType/mimeType.md","filePath":"cn/src/ranuts/mimeType/mimeType.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranuts/mimeType/mimeType.md"};function h(l,s,p,r,d,k){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e(`<h1 id="getmime" tabindex="-1">getMime <a class="header-anchor" href="#getmime" aria-label="Permalink to &quot;getMime&quot;">​</a></h1><p>传入文件格式后缀，返回<code>mime type</code></p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>string</code></td><td>返回<code>mime type</code></td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>ext</td><td>文件后缀格式</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { getMime } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMime</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;.pptx&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span>
diff --git a/assets/cn_src_ranuts_mimeType_mimeType.md.nxjk8xi_.lean.js b/assets/cn_src_ranuts_mimeType_mimeType.md.D8QLJam4.lean.js
similarity index 98%
rename from assets/cn_src_ranuts_mimeType_mimeType.md.nxjk8xi_.lean.js
rename to assets/cn_src_ranuts_mimeType_mimeType.md.D8QLJam4.lean.js
index f9ed3bb0be..8c257e79cb 100644
--- a/assets/cn_src_ranuts_mimeType_mimeType.md.nxjk8xi_.lean.js
+++ b/assets/cn_src_ranuts_mimeType_mimeType.md.D8QLJam4.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as t,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"getMime","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/mimeType/mimeType.md","filePath":"cn/src/ranuts/mimeType/mimeType.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranuts/mimeType/mimeType.md"};function h(l,s,p,r,d,k){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e(`<h1 id="getmime" tabindex="-1">getMime <a class="header-anchor" href="#getmime" aria-label="Permalink to &quot;getMime&quot;">​</a></h1><p>传入文件格式后缀，返回<code>mime type</code></p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>string</code></td><td>返回<code>mime type</code></td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>ext</td><td>文件后缀格式</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { getMime } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as i,o as a,c as t,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"getMime","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/mimeType/mimeType.md","filePath":"cn/src/ranuts/mimeType/mimeType.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranuts/mimeType/mimeType.md"};function h(l,s,p,r,d,k){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e(`<h1 id="getmime" tabindex="-1">getMime <a class="header-anchor" href="#getmime" aria-label="Permalink to &quot;getMime&quot;">​</a></h1><p>传入文件格式后缀，返回<code>mime type</code></p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>string</code></td><td>返回<code>mime type</code></td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>ext</td><td>文件后缀格式</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { getMime } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMime</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;.pptx&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span>
diff --git a/assets/cn_src_ranuts_mode_subscribe.md.BpJB8REw.js b/assets/cn_src_ranuts_mode_subscribe.md.Dfqta45A.js
similarity index 99%
rename from assets/cn_src_ranuts_mode_subscribe.md.BpJB8REw.js
rename to assets/cn_src_ranuts_mode_subscribe.md.Dfqta45A.js
index 48d866d9f4..c273d6ec06 100644
--- a/assets/cn_src_ranuts_mode_subscribe.md.BpJB8REw.js
+++ b/assets/cn_src_ranuts_mode_subscribe.md.Dfqta45A.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as n,a3 as t}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"EventEmitter","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/mode/subscribe.md","filePath":"cn/src/ranuts/mode/subscribe.md","lastUpdated":1728129125000}'),h={name:"cn/src/ranuts/mode/subscribe.md"};function l(k,s,p,e,E,r){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t(`<h1 id="eventemitter" tabindex="-1">EventEmitter <a class="header-anchor" href="#eventemitter" aria-label="Permalink to &quot;EventEmitter&quot;">​</a></h1><p>发布订阅的类</p><h2 id="class" tabindex="-1">Class <a class="header-anchor" href="#class" aria-label="Permalink to &quot;Class&quot;">​</a></h2><h3 id="methods" tabindex="-1">Methods <a class="header-anchor" href="#methods" aria-label="Permalink to &quot;Methods&quot;">​</a></h3><table tabindex="0"><thead><tr><th>方法</th><th>参数</th><th>说明</th><th>默认值</th></tr></thead><tbody><tr><td>on</td><td>订阅事件</td><td>订阅事件，传入参数事件名，回调函数</td><td>无</td></tr><tr><td>once</td><td>订阅一次事件，传入参数事件名，回调函数</td><td>订阅一次事件，触发一次后不再会触发</td><td>无</td></tr><tr><td>off</td><td>取消订阅事件，传入参数事件名，回调函数</td><td>取消订阅事件</td><td>无</td></tr><tr><td>emit</td><td>触发事件，需要事件名</td><td>触发事件</td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { Subscribe } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as i,o as a,c as n,a3 as t}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"EventEmitter","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/mode/subscribe.md","filePath":"cn/src/ranuts/mode/subscribe.md","lastUpdated":1728129344000}'),h={name:"cn/src/ranuts/mode/subscribe.md"};function l(k,s,p,e,E,r){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t(`<h1 id="eventemitter" tabindex="-1">EventEmitter <a class="header-anchor" href="#eventemitter" aria-label="Permalink to &quot;EventEmitter&quot;">​</a></h1><p>发布订阅的类</p><h2 id="class" tabindex="-1">Class <a class="header-anchor" href="#class" aria-label="Permalink to &quot;Class&quot;">​</a></h2><h3 id="methods" tabindex="-1">Methods <a class="header-anchor" href="#methods" aria-label="Permalink to &quot;Methods&quot;">​</a></h3><table tabindex="0"><thead><tr><th>方法</th><th>参数</th><th>说明</th><th>默认值</th></tr></thead><tbody><tr><td>on</td><td>订阅事件</td><td>订阅事件，传入参数事件名，回调函数</td><td>无</td></tr><tr><td>once</td><td>订阅一次事件，传入参数事件名，回调函数</td><td>订阅一次事件，触发一次后不再会触发</td><td>无</td></tr><tr><td>off</td><td>取消订阅事件，传入参数事件名，回调函数</td><td>取消订阅事件</td><td>无</td></tr><tr><td>emit</td><td>触发事件，需要事件名</td><td>触发事件</td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { Subscribe } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> subscribe</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Subscribe</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>
 <span class="line"></span>
diff --git a/assets/cn_src_ranuts_mode_subscribe.md.BpJB8REw.lean.js b/assets/cn_src_ranuts_mode_subscribe.md.Dfqta45A.lean.js
similarity index 99%
rename from assets/cn_src_ranuts_mode_subscribe.md.BpJB8REw.lean.js
rename to assets/cn_src_ranuts_mode_subscribe.md.Dfqta45A.lean.js
index 48d866d9f4..c273d6ec06 100644
--- a/assets/cn_src_ranuts_mode_subscribe.md.BpJB8REw.lean.js
+++ b/assets/cn_src_ranuts_mode_subscribe.md.Dfqta45A.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as n,a3 as t}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"EventEmitter","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/mode/subscribe.md","filePath":"cn/src/ranuts/mode/subscribe.md","lastUpdated":1728129125000}'),h={name:"cn/src/ranuts/mode/subscribe.md"};function l(k,s,p,e,E,r){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t(`<h1 id="eventemitter" tabindex="-1">EventEmitter <a class="header-anchor" href="#eventemitter" aria-label="Permalink to &quot;EventEmitter&quot;">​</a></h1><p>发布订阅的类</p><h2 id="class" tabindex="-1">Class <a class="header-anchor" href="#class" aria-label="Permalink to &quot;Class&quot;">​</a></h2><h3 id="methods" tabindex="-1">Methods <a class="header-anchor" href="#methods" aria-label="Permalink to &quot;Methods&quot;">​</a></h3><table tabindex="0"><thead><tr><th>方法</th><th>参数</th><th>说明</th><th>默认值</th></tr></thead><tbody><tr><td>on</td><td>订阅事件</td><td>订阅事件，传入参数事件名，回调函数</td><td>无</td></tr><tr><td>once</td><td>订阅一次事件，传入参数事件名，回调函数</td><td>订阅一次事件，触发一次后不再会触发</td><td>无</td></tr><tr><td>off</td><td>取消订阅事件，传入参数事件名，回调函数</td><td>取消订阅事件</td><td>无</td></tr><tr><td>emit</td><td>触发事件，需要事件名</td><td>触发事件</td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { Subscribe } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as i,o as a,c as n,a3 as t}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"EventEmitter","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/mode/subscribe.md","filePath":"cn/src/ranuts/mode/subscribe.md","lastUpdated":1728129344000}'),h={name:"cn/src/ranuts/mode/subscribe.md"};function l(k,s,p,e,E,r){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t(`<h1 id="eventemitter" tabindex="-1">EventEmitter <a class="header-anchor" href="#eventemitter" aria-label="Permalink to &quot;EventEmitter&quot;">​</a></h1><p>发布订阅的类</p><h2 id="class" tabindex="-1">Class <a class="header-anchor" href="#class" aria-label="Permalink to &quot;Class&quot;">​</a></h2><h3 id="methods" tabindex="-1">Methods <a class="header-anchor" href="#methods" aria-label="Permalink to &quot;Methods&quot;">​</a></h3><table tabindex="0"><thead><tr><th>方法</th><th>参数</th><th>说明</th><th>默认值</th></tr></thead><tbody><tr><td>on</td><td>订阅事件</td><td>订阅事件，传入参数事件名，回调函数</td><td>无</td></tr><tr><td>once</td><td>订阅一次事件，传入参数事件名，回调函数</td><td>订阅一次事件，触发一次后不再会触发</td><td>无</td></tr><tr><td>off</td><td>取消订阅事件，传入参数事件名，回调函数</td><td>取消订阅事件</td><td>无</td></tr><tr><td>emit</td><td>触发事件，需要事件名</td><td>触发事件</td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { Subscribe } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> subscribe</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Subscribe</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>
 <span class="line"></span>
diff --git a/assets/cn_src_ranuts_utils_convertImageToBase64.md.BQFuSXTt.js b/assets/cn_src_ranuts_utils_convertImageToBase64.md.Baw_0VwK.js
similarity index 98%
rename from assets/cn_src_ranuts_utils_convertImageToBase64.md.BQFuSXTt.js
rename to assets/cn_src_ranuts_utils_convertImageToBase64.md.Baw_0VwK.js
index 2d10cc4b62..0b1ab297cf 100644
--- a/assets/cn_src_ranuts_utils_convertImageToBase64.md.BQFuSXTt.js
+++ b/assets/cn_src_ranuts_utils_convertImageToBase64.md.Baw_0VwK.js
@@ -1,4 +1,4 @@
-import{_ as t,o as s,c as e,a3 as i}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"convertImageToBase64","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/convertImageToBase64.md","filePath":"cn/src/ranuts/utils/convertImageToBase64.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranuts/utils/convertImageToBase64.md"};function d(r,a,o,h,l,p){return s(),e("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="convertimagetobase64" tabindex="-1">convertImageToBase64 <a class="header-anchor" href="#convertimagetobase64" aria-label="Permalink to &quot;convertImageToBase64&quot;">​</a></h1><p>图片转<code>base64</code></p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>success</code></td><td>是否转换成功</td><td><code>boolean</code></td></tr><tr><td><code>data</code></td><td>转换成功后的值</td><td><code>string</code>,<code>ArrayBuffer</code> , <code>null</code></td></tr><tr><td><code>message</code></td><td>转换成功或失败的原因</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>file</td><td>传入的文件</td><td><code>File</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { convertImageToBase64 } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as t,o as s,c as e,a3 as i}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"convertImageToBase64","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/convertImageToBase64.md","filePath":"cn/src/ranuts/utils/convertImageToBase64.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranuts/utils/convertImageToBase64.md"};function d(r,a,o,h,l,p){return s(),e("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="convertimagetobase64" tabindex="-1">convertImageToBase64 <a class="header-anchor" href="#convertimagetobase64" aria-label="Permalink to &quot;convertImageToBase64&quot;">​</a></h1><p>图片转<code>base64</code></p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>success</code></td><td>是否转换成功</td><td><code>boolean</code></td></tr><tr><td><code>data</code></td><td>转换成功后的值</td><td><code>string</code>,<code>ArrayBuffer</code> , <code>null</code></td></tr><tr><td><code>message</code></td><td>转换成功或失败的原因</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>file</td><td>传入的文件</td><td><code>File</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { convertImageToBase64 } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">convertImageToBase64</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(file).</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">then</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">res</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span>
diff --git a/assets/cn_src_ranuts_utils_convertImageToBase64.md.BQFuSXTt.lean.js b/assets/cn_src_ranuts_utils_convertImageToBase64.md.Baw_0VwK.lean.js
similarity index 98%
rename from assets/cn_src_ranuts_utils_convertImageToBase64.md.BQFuSXTt.lean.js
rename to assets/cn_src_ranuts_utils_convertImageToBase64.md.Baw_0VwK.lean.js
index 2d10cc4b62..0b1ab297cf 100644
--- a/assets/cn_src_ranuts_utils_convertImageToBase64.md.BQFuSXTt.lean.js
+++ b/assets/cn_src_ranuts_utils_convertImageToBase64.md.Baw_0VwK.lean.js
@@ -1,4 +1,4 @@
-import{_ as t,o as s,c as e,a3 as i}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"convertImageToBase64","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/convertImageToBase64.md","filePath":"cn/src/ranuts/utils/convertImageToBase64.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranuts/utils/convertImageToBase64.md"};function d(r,a,o,h,l,p){return s(),e("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="convertimagetobase64" tabindex="-1">convertImageToBase64 <a class="header-anchor" href="#convertimagetobase64" aria-label="Permalink to &quot;convertImageToBase64&quot;">​</a></h1><p>图片转<code>base64</code></p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>success</code></td><td>是否转换成功</td><td><code>boolean</code></td></tr><tr><td><code>data</code></td><td>转换成功后的值</td><td><code>string</code>,<code>ArrayBuffer</code> , <code>null</code></td></tr><tr><td><code>message</code></td><td>转换成功或失败的原因</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>file</td><td>传入的文件</td><td><code>File</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { convertImageToBase64 } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as t,o as s,c as e,a3 as i}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"convertImageToBase64","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/convertImageToBase64.md","filePath":"cn/src/ranuts/utils/convertImageToBase64.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranuts/utils/convertImageToBase64.md"};function d(r,a,o,h,l,p){return s(),e("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="convertimagetobase64" tabindex="-1">convertImageToBase64 <a class="header-anchor" href="#convertimagetobase64" aria-label="Permalink to &quot;convertImageToBase64&quot;">​</a></h1><p>图片转<code>base64</code></p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>success</code></td><td>是否转换成功</td><td><code>boolean</code></td></tr><tr><td><code>data</code></td><td>转换成功后的值</td><td><code>string</code>,<code>ArrayBuffer</code> , <code>null</code></td></tr><tr><td><code>message</code></td><td>转换成功或失败的原因</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>file</td><td>传入的文件</td><td><code>File</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { convertImageToBase64 } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">convertImageToBase64</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(file).</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">then</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">res</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span>
diff --git a/assets/cn_src_ranuts_utils_filterObj.md.R6pWg6_Y.js b/assets/cn_src_ranuts_utils_filterObj.md.CxRU9J7j.js
similarity index 98%
rename from assets/cn_src_ranuts_utils_filterObj.md.R6pWg6_Y.js
rename to assets/cn_src_ranuts_utils_filterObj.md.CxRU9J7j.js
index f38577c8cd..4ca02e3c97 100644
--- a/assets/cn_src_ranuts_utils_filterObj.md.R6pWg6_Y.js
+++ b/assets/cn_src_ranuts_utils_filterObj.md.CxRU9J7j.js
@@ -1,4 +1,4 @@
-import{_ as a,o as i,c as t,a3 as n}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"filterObj","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/filterObj.md","filePath":"cn/src/ranuts/utils/filterObj.md","lastUpdated":1728129125000}'),e={name:"cn/src/ranuts/utils/filterObj.md"};function l(h,s,p,r,d,k){return i(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="filterobj" tabindex="-1">filterObj <a class="header-anchor" href="#filterobj" aria-label="Permalink to &quot;filterObj&quot;">​</a></h1><p>过滤对象的属性，去除对象中在 list 数组里面有的属性，返回一个新对象，一般是用于去除空字符和 null</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>Object</code></td><td>返回的一个对象</td><td><code>Object</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>obj</td><td>需要过滤的对象</td><td><code>object</code></td><td>无</td></tr><tr><td>list</td><td>需要过滤的熟悉数组</td><td><code>array</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { filterObj } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as a,o as i,c as t,a3 as n}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"filterObj","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/filterObj.md","filePath":"cn/src/ranuts/utils/filterObj.md","lastUpdated":1728129344000}'),e={name:"cn/src/ranuts/utils/filterObj.md"};function l(h,s,p,r,d,k){return i(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="filterobj" tabindex="-1">filterObj <a class="header-anchor" href="#filterobj" aria-label="Permalink to &quot;filterObj&quot;">​</a></h1><p>过滤对象的属性，去除对象中在 list 数组里面有的属性，返回一个新对象，一般是用于去除空字符和 null</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>Object</code></td><td>返回的一个对象</td><td><code>Object</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>obj</td><td>需要过滤的对象</td><td><code>object</code></td><td>无</td></tr><tr><td>list</td><td>需要过滤的熟悉数组</td><td><code>array</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { filterObj } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> obj</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  name: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;chaxus&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
diff --git a/assets/cn_src_ranuts_utils_filterObj.md.R6pWg6_Y.lean.js b/assets/cn_src_ranuts_utils_filterObj.md.CxRU9J7j.lean.js
similarity index 98%
rename from assets/cn_src_ranuts_utils_filterObj.md.R6pWg6_Y.lean.js
rename to assets/cn_src_ranuts_utils_filterObj.md.CxRU9J7j.lean.js
index f38577c8cd..4ca02e3c97 100644
--- a/assets/cn_src_ranuts_utils_filterObj.md.R6pWg6_Y.lean.js
+++ b/assets/cn_src_ranuts_utils_filterObj.md.CxRU9J7j.lean.js
@@ -1,4 +1,4 @@
-import{_ as a,o as i,c as t,a3 as n}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"filterObj","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/filterObj.md","filePath":"cn/src/ranuts/utils/filterObj.md","lastUpdated":1728129125000}'),e={name:"cn/src/ranuts/utils/filterObj.md"};function l(h,s,p,r,d,k){return i(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="filterobj" tabindex="-1">filterObj <a class="header-anchor" href="#filterobj" aria-label="Permalink to &quot;filterObj&quot;">​</a></h1><p>过滤对象的属性，去除对象中在 list 数组里面有的属性，返回一个新对象，一般是用于去除空字符和 null</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>Object</code></td><td>返回的一个对象</td><td><code>Object</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>obj</td><td>需要过滤的对象</td><td><code>object</code></td><td>无</td></tr><tr><td>list</td><td>需要过滤的熟悉数组</td><td><code>array</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { filterObj } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as a,o as i,c as t,a3 as n}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"filterObj","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/filterObj.md","filePath":"cn/src/ranuts/utils/filterObj.md","lastUpdated":1728129344000}'),e={name:"cn/src/ranuts/utils/filterObj.md"};function l(h,s,p,r,d,k){return i(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="filterobj" tabindex="-1">filterObj <a class="header-anchor" href="#filterobj" aria-label="Permalink to &quot;filterObj&quot;">​</a></h1><p>过滤对象的属性，去除对象中在 list 数组里面有的属性，返回一个新对象，一般是用于去除空字符和 null</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>Object</code></td><td>返回的一个对象</td><td><code>Object</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>obj</td><td>需要过滤的对象</td><td><code>object</code></td><td>无</td></tr><tr><td>list</td><td>需要过滤的熟悉数组</td><td><code>array</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { filterObj } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> obj</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  name: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;chaxus&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
diff --git a/assets/cn_src_ranuts_utils_formatJson.md.w3L-Rhdf.js b/assets/cn_src_ranuts_utils_formatJson.md.BPEAnSbs.js
similarity index 98%
rename from assets/cn_src_ranuts_utils_formatJson.md.w3L-Rhdf.js
rename to assets/cn_src_ranuts_utils_formatJson.md.BPEAnSbs.js
index a17d782c3c..ee8c3886a0 100644
--- a/assets/cn_src_ranuts_utils_formatJson.md.w3L-Rhdf.js
+++ b/assets/cn_src_ranuts_utils_formatJson.md.BPEAnSbs.js
@@ -1,4 +1,4 @@
-import{_ as a,o as t,c as i,a3 as n}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"formatJson","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/formatJson.md","filePath":"cn/src/ranuts/utils/formatJson.md","lastUpdated":1728129125000}'),e={name:"cn/src/ranuts/utils/formatJson.md"};function h(l,s,r,d,p,o){return t(),i("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="formatjson" tabindex="-1">formatJson <a class="header-anchor" href="#formatjson" aria-label="Permalink to &quot;formatJson&quot;">​</a></h1><p>传入一个 JSON 或者 JSON 的字符串，添加空格和换行进行返回一个格式化的 JSON 字符串</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>string</code></td><td>返回的一个对象</td><td><code>Object</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>json</td><td>需要格式化的 JSON 对象</td><td><code>object</code>,<code>string</code></td><td>无</td></tr><tr><td>callback</td><td>错误回调，可选</td><td><code>function</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { formatJson } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as a,o as t,c as i,a3 as n}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"formatJson","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/formatJson.md","filePath":"cn/src/ranuts/utils/formatJson.md","lastUpdated":1728129344000}'),e={name:"cn/src/ranuts/utils/formatJson.md"};function h(l,s,r,d,p,o){return t(),i("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="formatjson" tabindex="-1">formatJson <a class="header-anchor" href="#formatjson" aria-label="Permalink to &quot;formatJson&quot;">​</a></h1><p>传入一个 JSON 或者 JSON 的字符串，添加空格和换行进行返回一个格式化的 JSON 字符串</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>string</code></td><td>返回的一个对象</td><td><code>Object</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>json</td><td>需要格式化的 JSON 对象</td><td><code>object</code>,<code>string</code></td><td>无</td></tr><tr><td>callback</td><td>错误回调，可选</td><td><code>function</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { formatJson } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> json</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  name: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;chaxus&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
diff --git a/assets/cn_src_ranuts_utils_formatJson.md.w3L-Rhdf.lean.js b/assets/cn_src_ranuts_utils_formatJson.md.BPEAnSbs.lean.js
similarity index 98%
rename from assets/cn_src_ranuts_utils_formatJson.md.w3L-Rhdf.lean.js
rename to assets/cn_src_ranuts_utils_formatJson.md.BPEAnSbs.lean.js
index a17d782c3c..ee8c3886a0 100644
--- a/assets/cn_src_ranuts_utils_formatJson.md.w3L-Rhdf.lean.js
+++ b/assets/cn_src_ranuts_utils_formatJson.md.BPEAnSbs.lean.js
@@ -1,4 +1,4 @@
-import{_ as a,o as t,c as i,a3 as n}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"formatJson","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/formatJson.md","filePath":"cn/src/ranuts/utils/formatJson.md","lastUpdated":1728129125000}'),e={name:"cn/src/ranuts/utils/formatJson.md"};function h(l,s,r,d,p,o){return t(),i("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="formatjson" tabindex="-1">formatJson <a class="header-anchor" href="#formatjson" aria-label="Permalink to &quot;formatJson&quot;">​</a></h1><p>传入一个 JSON 或者 JSON 的字符串，添加空格和换行进行返回一个格式化的 JSON 字符串</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>string</code></td><td>返回的一个对象</td><td><code>Object</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>json</td><td>需要格式化的 JSON 对象</td><td><code>object</code>,<code>string</code></td><td>无</td></tr><tr><td>callback</td><td>错误回调，可选</td><td><code>function</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { formatJson } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as a,o as t,c as i,a3 as n}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"formatJson","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/formatJson.md","filePath":"cn/src/ranuts/utils/formatJson.md","lastUpdated":1728129344000}'),e={name:"cn/src/ranuts/utils/formatJson.md"};function h(l,s,r,d,p,o){return t(),i("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="formatjson" tabindex="-1">formatJson <a class="header-anchor" href="#formatjson" aria-label="Permalink to &quot;formatJson&quot;">​</a></h1><p>传入一个 JSON 或者 JSON 的字符串，添加空格和换行进行返回一个格式化的 JSON 字符串</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>string</code></td><td>返回的一个对象</td><td><code>Object</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>json</td><td>需要格式化的 JSON 对象</td><td><code>object</code>,<code>string</code></td><td>无</td></tr><tr><td>callback</td><td>错误回调，可选</td><td><code>function</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { formatJson } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> json</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  name: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;chaxus&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
diff --git a/assets/cn_src_ranuts_utils_getCookie.md.ChQkIFFD.js b/assets/cn_src_ranuts_utils_getCookie.md.Cn937pro.js
similarity index 98%
rename from assets/cn_src_ranuts_utils_getCookie.md.ChQkIFFD.js
rename to assets/cn_src_ranuts_utils_getCookie.md.Cn937pro.js
index 60b02ac7d9..452f9f490a 100644
--- a/assets/cn_src_ranuts_utils_getCookie.md.ChQkIFFD.js
+++ b/assets/cn_src_ranuts_utils_getCookie.md.Cn937pro.js
@@ -1,4 +1,4 @@
-import{_ as t,o as s,c as i,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"getCookie","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/getCookie.md","filePath":"cn/src/ranuts/utils/getCookie.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranuts/utils/getCookie.md"};function h(o,a,l,r,d,p){return s(),i("div",{"data-pagefind-body":!0},a[0]||(a[0]=[e(`<h1 id="getcookie" tabindex="-1">getCookie <a class="header-anchor" href="#getcookie" aria-label="Permalink to &quot;getCookie&quot;">​</a></h1><p>传入字符串，获取指定名字的 cookie 的值</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>sting</code></td><td>返回的一个指定名称的 cookie 的值</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>name</td><td>指定获取 cookie 的名称的值</td><td><code>object</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { getCookie } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as t,o as s,c as i,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"getCookie","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/getCookie.md","filePath":"cn/src/ranuts/utils/getCookie.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranuts/utils/getCookie.md"};function h(o,a,l,r,d,p){return s(),i("div",{"data-pagefind-body":!0},a[0]||(a[0]=[e(`<h1 id="getcookie" tabindex="-1">getCookie <a class="header-anchor" href="#getcookie" aria-label="Permalink to &quot;getCookie&quot;">​</a></h1><p>传入字符串，获取指定名字的 cookie 的值</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>sting</code></td><td>返回的一个指定名称的 cookie 的值</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>name</td><td>指定获取 cookie 的名称的值</td><td><code>object</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { getCookie } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getCookie</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"></span>
diff --git a/assets/cn_src_ranuts_utils_getCookie.md.ChQkIFFD.lean.js b/assets/cn_src_ranuts_utils_getCookie.md.Cn937pro.lean.js
similarity index 98%
rename from assets/cn_src_ranuts_utils_getCookie.md.ChQkIFFD.lean.js
rename to assets/cn_src_ranuts_utils_getCookie.md.Cn937pro.lean.js
index 60b02ac7d9..452f9f490a 100644
--- a/assets/cn_src_ranuts_utils_getCookie.md.ChQkIFFD.lean.js
+++ b/assets/cn_src_ranuts_utils_getCookie.md.Cn937pro.lean.js
@@ -1,4 +1,4 @@
-import{_ as t,o as s,c as i,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"getCookie","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/getCookie.md","filePath":"cn/src/ranuts/utils/getCookie.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranuts/utils/getCookie.md"};function h(o,a,l,r,d,p){return s(),i("div",{"data-pagefind-body":!0},a[0]||(a[0]=[e(`<h1 id="getcookie" tabindex="-1">getCookie <a class="header-anchor" href="#getcookie" aria-label="Permalink to &quot;getCookie&quot;">​</a></h1><p>传入字符串，获取指定名字的 cookie 的值</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>sting</code></td><td>返回的一个指定名称的 cookie 的值</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>name</td><td>指定获取 cookie 的名称的值</td><td><code>object</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { getCookie } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as t,o as s,c as i,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"getCookie","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/getCookie.md","filePath":"cn/src/ranuts/utils/getCookie.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranuts/utils/getCookie.md"};function h(o,a,l,r,d,p){return s(),i("div",{"data-pagefind-body":!0},a[0]||(a[0]=[e(`<h1 id="getcookie" tabindex="-1">getCookie <a class="header-anchor" href="#getcookie" aria-label="Permalink to &quot;getCookie&quot;">​</a></h1><p>传入字符串，获取指定名字的 cookie 的值</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>sting</code></td><td>返回的一个指定名称的 cookie 的值</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>name</td><td>指定获取 cookie 的名称的值</td><td><code>object</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { getCookie } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getCookie</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"></span>
diff --git a/assets/cn_src_ranuts_utils_ocr.md.CCSas4Mw.js b/assets/cn_src_ranuts_utils_ocr.md.DDRRaGe9.js
similarity index 99%
rename from assets/cn_src_ranuts_utils_ocr.md.CCSas4Mw.js
rename to assets/cn_src_ranuts_utils_ocr.md.DDRRaGe9.js
index cf4646a30e..f34a386d11 100644
--- a/assets/cn_src_ranuts_utils_ocr.md.CCSas4Mw.js
+++ b/assets/cn_src_ranuts_utils_ocr.md.DDRRaGe9.js
@@ -1,4 +1,4 @@
-import{_ as d,o as a,c as r,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"OCR","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/ocr.md","filePath":"cn/src/ranuts/utils/ocr.md","lastUpdated":1728129125000}'),s={name:"cn/src/ranuts/utils/ocr.md"};function n(e,t,l,h,o,p){return a(),r("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i(`<h1 id="ocr" tabindex="-1">OCR <a class="header-anchor" href="#ocr" aria-label="Permalink to &quot;OCR&quot;">​</a></h1><p>传入图片和对应的语言类型，返回图片中的文本。</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>success</code></td><td>是否解析成功</td><td><code>boolean</code></td></tr><tr><td><code>data</code></td><td>解析成功后的对象</td><td><code>obj</code></td></tr><tr><td><code>message</code></td><td>解析成功或失败的原因</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>images</td><td>图片的数组，支持<code>url</code>和<code>base64</code></td><td><code>Array&lt;string&gt;</code></td><td>无</td></tr><tr><td>language</td><td>指定生成文本的语言，具体参数见<a href="#lang-code">lang-code</a></td><td><code>string</code></td><td>无</td></tr><tr><td>langPath</td><td>使用的时候需要能访问<code>cdn.jsdelivr.net</code>，会下载对应的语言包，如果无法访问，也可以将语言包放在本地，传入对应的 <strong>目录</strong> 路径</td><td><code>string</code></td><td>可选参数，默认走网络下载</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { ocr } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as d,o as a,c as r,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"OCR","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/ocr.md","filePath":"cn/src/ranuts/utils/ocr.md","lastUpdated":1728129344000}'),s={name:"cn/src/ranuts/utils/ocr.md"};function n(e,t,l,h,o,p){return a(),r("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i(`<h1 id="ocr" tabindex="-1">OCR <a class="header-anchor" href="#ocr" aria-label="Permalink to &quot;OCR&quot;">​</a></h1><p>传入图片和对应的语言类型，返回图片中的文本。</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>success</code></td><td>是否解析成功</td><td><code>boolean</code></td></tr><tr><td><code>data</code></td><td>解析成功后的对象</td><td><code>obj</code></td></tr><tr><td><code>message</code></td><td>解析成功或失败的原因</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>images</td><td>图片的数组，支持<code>url</code>和<code>base64</code></td><td><code>Array&lt;string&gt;</code></td><td>无</td></tr><tr><td>language</td><td>指定生成文本的语言，具体参数见<a href="#lang-code">lang-code</a></td><td><code>string</code></td><td>无</td></tr><tr><td>langPath</td><td>使用的时候需要能访问<code>cdn.jsdelivr.net</code>，会下载对应的语言包，如果无法访问，也可以将语言包放在本地，传入对应的 <strong>目录</strong> 路径</td><td><code>string</code></td><td>可选参数，默认走网络下载</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { ocr } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> images</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;https://chaxus.github.io/ran/ocr/eng.png&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> languages</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;eng&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
diff --git a/assets/cn_src_ranuts_utils_ocr.md.CCSas4Mw.lean.js b/assets/cn_src_ranuts_utils_ocr.md.DDRRaGe9.lean.js
similarity index 99%
rename from assets/cn_src_ranuts_utils_ocr.md.CCSas4Mw.lean.js
rename to assets/cn_src_ranuts_utils_ocr.md.DDRRaGe9.lean.js
index cf4646a30e..f34a386d11 100644
--- a/assets/cn_src_ranuts_utils_ocr.md.CCSas4Mw.lean.js
+++ b/assets/cn_src_ranuts_utils_ocr.md.DDRRaGe9.lean.js
@@ -1,4 +1,4 @@
-import{_ as d,o as a,c as r,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"OCR","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/ocr.md","filePath":"cn/src/ranuts/utils/ocr.md","lastUpdated":1728129125000}'),s={name:"cn/src/ranuts/utils/ocr.md"};function n(e,t,l,h,o,p){return a(),r("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i(`<h1 id="ocr" tabindex="-1">OCR <a class="header-anchor" href="#ocr" aria-label="Permalink to &quot;OCR&quot;">​</a></h1><p>传入图片和对应的语言类型，返回图片中的文本。</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>success</code></td><td>是否解析成功</td><td><code>boolean</code></td></tr><tr><td><code>data</code></td><td>解析成功后的对象</td><td><code>obj</code></td></tr><tr><td><code>message</code></td><td>解析成功或失败的原因</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>images</td><td>图片的数组，支持<code>url</code>和<code>base64</code></td><td><code>Array&lt;string&gt;</code></td><td>无</td></tr><tr><td>language</td><td>指定生成文本的语言，具体参数见<a href="#lang-code">lang-code</a></td><td><code>string</code></td><td>无</td></tr><tr><td>langPath</td><td>使用的时候需要能访问<code>cdn.jsdelivr.net</code>，会下载对应的语言包，如果无法访问，也可以将语言包放在本地，传入对应的 <strong>目录</strong> 路径</td><td><code>string</code></td><td>可选参数，默认走网络下载</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { ocr } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as d,o as a,c as r,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"OCR","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/ocr.md","filePath":"cn/src/ranuts/utils/ocr.md","lastUpdated":1728129344000}'),s={name:"cn/src/ranuts/utils/ocr.md"};function n(e,t,l,h,o,p){return a(),r("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i(`<h1 id="ocr" tabindex="-1">OCR <a class="header-anchor" href="#ocr" aria-label="Permalink to &quot;OCR&quot;">​</a></h1><p>传入图片和对应的语言类型，返回图片中的文本。</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>success</code></td><td>是否解析成功</td><td><code>boolean</code></td></tr><tr><td><code>data</code></td><td>解析成功后的对象</td><td><code>obj</code></td></tr><tr><td><code>message</code></td><td>解析成功或失败的原因</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>images</td><td>图片的数组，支持<code>url</code>和<code>base64</code></td><td><code>Array&lt;string&gt;</code></td><td>无</td></tr><tr><td>language</td><td>指定生成文本的语言，具体参数见<a href="#lang-code">lang-code</a></td><td><code>string</code></td><td>无</td></tr><tr><td>langPath</td><td>使用的时候需要能访问<code>cdn.jsdelivr.net</code>，会下载对应的语言包，如果无法访问，也可以将语言包放在本地，传入对应的 <strong>目录</strong> 路径</td><td><code>string</code></td><td>可选参数，默认走网络下载</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { ocr } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> images</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;https://chaxus.github.io/ran/ocr/eng.png&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> languages</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;eng&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
diff --git a/assets/cn_src_ranuts_utils_str2xml.md.CgTEUJ7O.js b/assets/cn_src_ranuts_utils_str2xml.md.Bde3XsNH.js
similarity index 98%
rename from assets/cn_src_ranuts_utils_str2xml.md.CgTEUJ7O.js
rename to assets/cn_src_ranuts_utils_str2xml.md.Bde3XsNH.js
index bf697e368a..8a25082df2 100644
--- a/assets/cn_src_ranuts_utils_str2xml.md.CgTEUJ7O.js
+++ b/assets/cn_src_ranuts_utils_str2xml.md.Bde3XsNH.js
@@ -1,4 +1,4 @@
-import{_ as s,o as a,c as i,a3 as e}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"str2Xml","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/str2xml.md","filePath":"cn/src/ranuts/utils/str2xml.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranuts/utils/str2xml.md"};function l(d,t,h,o,r,p){return a(),i("div",{"data-pagefind-body":!0},t[0]||(t[0]=[e(`<h1 id="str2xml" tabindex="-1">str2Xml <a class="header-anchor" href="#str2xml" aria-label="Permalink to &quot;str2Xml&quot;">​</a></h1><p>传入字符串，转成<code>xml</code></p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>HTMLElement</code></td><td>返回一个<code>HTMLElement</code></td><td><code>HTMLElement</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>xmlStr</td><td>传入的参数</td><td><code>string</code></td><td>无</td></tr><tr><td>format</td><td>设置需要转换的格式，默认<code>text/xml</code></td><td><code>DOMParserSupportedType</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><p>比如在做图标库的时候，我们需要动态导入目录下的所有<code>icon</code>。这时候导入的是字符串，但字符串无法添加到<code>xml</code>中。 因此我们需要将字符串转换成<code>xml</code>，然后就可以将它加入到<code>xml</code>中。</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { str2Xml } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as s,o as a,c as i,a3 as e}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"str2Xml","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/str2xml.md","filePath":"cn/src/ranuts/utils/str2xml.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranuts/utils/str2xml.md"};function l(d,t,h,o,r,p){return a(),i("div",{"data-pagefind-body":!0},t[0]||(t[0]=[e(`<h1 id="str2xml" tabindex="-1">str2Xml <a class="header-anchor" href="#str2xml" aria-label="Permalink to &quot;str2Xml&quot;">​</a></h1><p>传入字符串，转成<code>xml</code></p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>HTMLElement</code></td><td>返回一个<code>HTMLElement</code></td><td><code>HTMLElement</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>xmlStr</td><td>传入的参数</td><td><code>string</code></td><td>无</td></tr><tr><td>format</td><td>设置需要转换的格式，默认<code>text/xml</code></td><td><code>DOMParserSupportedType</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><p>比如在做图标库的时候，我们需要动态导入目录下的所有<code>icon</code>。这时候导入的是字符串，但字符串无法添加到<code>xml</code>中。 因此我们需要将字符串转换成<code>xml</code>，然后就可以将它加入到<code>xml</code>中。</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { str2Xml } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// import &#39;assets/*.svg&#39;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> svg</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> \`&lt;svg t=&quot;1667483498347&quot; class=&quot;icon&quot; viewBox=&quot;0 0 1024 1024&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; p-id=&quot;8544&quot; width=&quot;200&quot; height=&quot;200&quot;&gt;&lt;path d=&quot;M858.5 763.6c-18.9-44.8-46.1-85-80.6-119.5-34.5-34.5-74.7-61.6-119.5-80.6-0.4-0.2-0.8-0.3-1.2-0.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-0.4 0.2-0.8 0.3-1.2 0.5-44.8 18.9-85 46-119.5 80.6-34.5 34.5-61.6 74.7-80.6 119.5C146.9 807.5 137 854 136 901.8c-0.1 4.5 3.5 8.2 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c0.1 4.4 3.6 7.8 8 7.8h60c4.5 0 8.1-3.7 8-8.2-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z&quot; p-id=&quot;8545&quot;&gt;&lt;/path&gt;&lt;/svg&gt;\`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
diff --git a/assets/cn_src_ranuts_utils_str2xml.md.CgTEUJ7O.lean.js b/assets/cn_src_ranuts_utils_str2xml.md.Bde3XsNH.lean.js
similarity index 98%
rename from assets/cn_src_ranuts_utils_str2xml.md.CgTEUJ7O.lean.js
rename to assets/cn_src_ranuts_utils_str2xml.md.Bde3XsNH.lean.js
index bf697e368a..8a25082df2 100644
--- a/assets/cn_src_ranuts_utils_str2xml.md.CgTEUJ7O.lean.js
+++ b/assets/cn_src_ranuts_utils_str2xml.md.Bde3XsNH.lean.js
@@ -1,4 +1,4 @@
-import{_ as s,o as a,c as i,a3 as e}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"str2Xml","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/str2xml.md","filePath":"cn/src/ranuts/utils/str2xml.md","lastUpdated":1728129125000}'),n={name:"cn/src/ranuts/utils/str2xml.md"};function l(d,t,h,o,r,p){return a(),i("div",{"data-pagefind-body":!0},t[0]||(t[0]=[e(`<h1 id="str2xml" tabindex="-1">str2Xml <a class="header-anchor" href="#str2xml" aria-label="Permalink to &quot;str2Xml&quot;">​</a></h1><p>传入字符串，转成<code>xml</code></p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>HTMLElement</code></td><td>返回一个<code>HTMLElement</code></td><td><code>HTMLElement</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>xmlStr</td><td>传入的参数</td><td><code>string</code></td><td>无</td></tr><tr><td>format</td><td>设置需要转换的格式，默认<code>text/xml</code></td><td><code>DOMParserSupportedType</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><p>比如在做图标库的时候，我们需要动态导入目录下的所有<code>icon</code>。这时候导入的是字符串，但字符串无法添加到<code>xml</code>中。 因此我们需要将字符串转换成<code>xml</code>，然后就可以将它加入到<code>xml</code>中。</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { str2Xml } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as s,o as a,c as i,a3 as e}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"str2Xml","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/str2xml.md","filePath":"cn/src/ranuts/utils/str2xml.md","lastUpdated":1728129344000}'),n={name:"cn/src/ranuts/utils/str2xml.md"};function l(d,t,h,o,r,p){return a(),i("div",{"data-pagefind-body":!0},t[0]||(t[0]=[e(`<h1 id="str2xml" tabindex="-1">str2Xml <a class="header-anchor" href="#str2xml" aria-label="Permalink to &quot;str2Xml&quot;">​</a></h1><p>传入字符串，转成<code>xml</code></p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>HTMLElement</code></td><td>返回一个<code>HTMLElement</code></td><td><code>HTMLElement</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>xmlStr</td><td>传入的参数</td><td><code>string</code></td><td>无</td></tr><tr><td>format</td><td>设置需要转换的格式，默认<code>text/xml</code></td><td><code>DOMParserSupportedType</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><p>比如在做图标库的时候，我们需要动态导入目录下的所有<code>icon</code>。这时候导入的是字符串，但字符串无法添加到<code>xml</code>中。 因此我们需要将字符串转换成<code>xml</code>，然后就可以将它加入到<code>xml</code>中。</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { str2Xml } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// import &#39;assets/*.svg&#39;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> svg</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> \`&lt;svg t=&quot;1667483498347&quot; class=&quot;icon&quot; viewBox=&quot;0 0 1024 1024&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; p-id=&quot;8544&quot; width=&quot;200&quot; height=&quot;200&quot;&gt;&lt;path d=&quot;M858.5 763.6c-18.9-44.8-46.1-85-80.6-119.5-34.5-34.5-74.7-61.6-119.5-80.6-0.4-0.2-0.8-0.3-1.2-0.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-0.4 0.2-0.8 0.3-1.2 0.5-44.8 18.9-85 46-119.5 80.6-34.5 34.5-61.6 74.7-80.6 119.5C146.9 807.5 137 854 136 901.8c-0.1 4.5 3.5 8.2 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c0.1 4.4 3.6 7.8 8 7.8h60c4.5 0 8.1-3.7 8-8.2-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z&quot; p-id=&quot;8545&quot;&gt;&lt;/path&gt;&lt;/svg&gt;\`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
diff --git a/assets/cn_src_ranuts_utils_task.md.BLYztfpY.js b/assets/cn_src_ranuts_utils_task.md.vM2hJa_Z.js
similarity index 99%
rename from assets/cn_src_ranuts_utils_task.md.BLYztfpY.js
rename to assets/cn_src_ranuts_utils_task.md.vM2hJa_Z.js
index 5db2c7332b..4656cf9b5b 100644
--- a/assets/cn_src_ranuts_utils_task.md.BLYztfpY.js
+++ b/assets/cn_src_ranuts_utils_task.md.vM2hJa_Z.js
@@ -1 +1 @@
-import{_ as a,o as t,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"统计执行时间","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/task.md","filePath":"cn/src/ranuts/utils/task.md","lastUpdated":1728129125000}'),o={name:"cn/src/ranuts/utils/task.md"};function n(d,e,r,c,l,h){return t(),s("div",{"data-pagefind-body":!0},e[0]||(e[0]=[i('<h1 id="统计执行时间" tabindex="-1">统计执行时间 <a class="header-anchor" href="#统计执行时间" aria-label="Permalink to &quot;统计执行时间&quot;">​</a></h1><p>有的时候，我们需要统计一个函数的执行时间，用于分析性能。因此封装了<code>startTask</code>和<code>taskEnd</code>函数。同时介绍其他三种统计方法</p><ol><li><code>new Date().getTime()</code>,</li><li><code>console.time()</code> 和 <code>console.timeEnd()</code>,</li><li><code>performance.now()</code></li></ol><h2 id="一-starttask-taskend" tabindex="-1">一.<code>startTask</code>,<code>taskEnd</code> <a class="header-anchor" href="#一-starttask-taskend" aria-label="Permalink to &quot;一.`startTask`,`taskEnd`&quot;">​</a></h2><h3 id="_1-starttask" tabindex="-1">1.startTask <a class="header-anchor" href="#_1-starttask" aria-label="Permalink to &quot;1.startTask&quot;">​</a></h3><p>任务开始之前执行</p><h4 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>taskId</td><td>任务标识</td><td><code>unique symbol </code></td></tr></tbody></table><h3 id="_2-taskend" tabindex="-1">2.taskEnd <a class="header-anchor" href="#_2-taskend" aria-label="Permalink to &quot;2.taskEnd&quot;">​</a></h3><p>任务结束的时候执行，需要传入<code>startTask</code>返回的任务标识</p><h4 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>taskId</td><td>任务标识</td><td><code>unique symbol </code></td><td>无默认值，参数必传，否则无法识别是哪个任务</td></tr></tbody></table><h4 id="return-1" tabindex="-1">Return <a class="header-anchor" href="#return-1" aria-label="Permalink to &quot;Return&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>time</code></td><td><code>task</code>执行的时间</td><td><code>number</code></td></tr></tbody></table><h3 id="_3-使用例子" tabindex="-1">3.使用例子 <a class="header-anchor" href="#_3-使用例子" aria-label="Permalink to &quot;3.使用例子&quot;">​</a></h3><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> taskId</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> startTask</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// do something</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> time</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> taskEnd</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(taskId);</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;task 执行花费的时间&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, time);</span></span></code></pre></div><h2 id="二-new-date-gettime" tabindex="-1">二.new Date().getTime() <a class="header-anchor" href="#二-new-date-gettime" aria-label="Permalink to &quot;二.new Date().getTime()&quot;">​</a></h2><p><code>new Date().getTime()</code> 返回一个数值，表示从 1970 年 1 月 1 日 0 时 0 分 0 秒（UTC，即协调世界时）距离该日期对象所代表时间的毫秒数。用来计算 JS 执行时间会有两个问题：</p><ol><li>某些情况下，毫秒级精度可能不够。</li><li><code>new Date()</code> 解析的时间在不同浏览器，或者不同设备上可能并不一致。<a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date" target="_blank" rel="noreferrer">MDN 说明</a><blockquote><p>由于浏览器之间的差异与不一致性，强烈不推荐使用 Date 构造函数来解析日期字符串 (或使用与其等价的 Date.parse)。对 RFC 2822 格式的日期仅有约定俗成的支持。对 ISO 8601 格式的支持中，仅有日期的串 (例如 &quot;1970-01-01&quot;) 会被处理为 UTC 而不是本地时间，与其他格式的串的处理不同。</p></blockquote></li></ol><h2 id="三-console-time-console-timeend" tabindex="-1">三.<code>console.time()</code>, <code>console.timeEnd()</code> <a class="header-anchor" href="#三-console-time-console-timeend" aria-label="Permalink to &quot;三.`console.time()`, `console.timeEnd()`&quot;">​</a></h2><p>启动一个计时器来跟踪某一个操作的占用时长。每一个计时器必须拥有唯一的名字，页面中最多能同时运行 10,000 个计时器。当以此计时器名字为参数调用 console.timeEnd() 时，浏览器将以毫秒为单位，输出对应计时器所经过的时间。比起<code>new Date().getTime()</code>，统计时间更加精确，可以统计到 0.001 毫秒(比如：0.134ms)</p><h2 id="四-performance-now" tabindex="-1">四.<code>performance.now()</code> <a class="header-anchor" href="#四-performance-now" aria-label="Permalink to &quot;四.`performance.now()`&quot;">​</a></h2><p><code>performance.now()</code>返回的时间精度最高可达微秒级，且不会受到系统时间的影响（系统时钟可能会被手动调整或被 NTP 等软件篡改）。另外，<code>performance.timing.navigationStart + performance.now()</code> 约等于 <code>Date.now()</code>。因此对于统计 JS 执行耗时方面，更推荐使用<code>performance.now()</code>。</p><blockquote><p>注意：为了提供对定时攻击和指纹的保护，<code>performance.now()</code> 的精度可能会根据浏览器的设置而被舍弃。 在 <code>Firefox</code> 中，<code>privacy.reduceTimerPrecision</code> 偏好是默认启用的，默认值为 <code>1ms</code>。可以启用 <code>privacy.resistFingerprinting</code> 这将精度改为 100ms 或<code>privacy.resistFingerprinting.reduceTimerPrecision.microseconds</code> 的值，以较大者为准。</p></blockquote>',24)]))}const m=a(o,[["render",n]]);export{k as __pageData,m as default};
+import{_ as a,o as t,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"统计执行时间","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/task.md","filePath":"cn/src/ranuts/utils/task.md","lastUpdated":1728129344000}'),o={name:"cn/src/ranuts/utils/task.md"};function n(d,e,r,c,l,h){return t(),s("div",{"data-pagefind-body":!0},e[0]||(e[0]=[i('<h1 id="统计执行时间" tabindex="-1">统计执行时间 <a class="header-anchor" href="#统计执行时间" aria-label="Permalink to &quot;统计执行时间&quot;">​</a></h1><p>有的时候，我们需要统计一个函数的执行时间，用于分析性能。因此封装了<code>startTask</code>和<code>taskEnd</code>函数。同时介绍其他三种统计方法</p><ol><li><code>new Date().getTime()</code>,</li><li><code>console.time()</code> 和 <code>console.timeEnd()</code>,</li><li><code>performance.now()</code></li></ol><h2 id="一-starttask-taskend" tabindex="-1">一.<code>startTask</code>,<code>taskEnd</code> <a class="header-anchor" href="#一-starttask-taskend" aria-label="Permalink to &quot;一.`startTask`,`taskEnd`&quot;">​</a></h2><h3 id="_1-starttask" tabindex="-1">1.startTask <a class="header-anchor" href="#_1-starttask" aria-label="Permalink to &quot;1.startTask&quot;">​</a></h3><p>任务开始之前执行</p><h4 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>taskId</td><td>任务标识</td><td><code>unique symbol </code></td></tr></tbody></table><h3 id="_2-taskend" tabindex="-1">2.taskEnd <a class="header-anchor" href="#_2-taskend" aria-label="Permalink to &quot;2.taskEnd&quot;">​</a></h3><p>任务结束的时候执行，需要传入<code>startTask</code>返回的任务标识</p><h4 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>taskId</td><td>任务标识</td><td><code>unique symbol </code></td><td>无默认值，参数必传，否则无法识别是哪个任务</td></tr></tbody></table><h4 id="return-1" tabindex="-1">Return <a class="header-anchor" href="#return-1" aria-label="Permalink to &quot;Return&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>time</code></td><td><code>task</code>执行的时间</td><td><code>number</code></td></tr></tbody></table><h3 id="_3-使用例子" tabindex="-1">3.使用例子 <a class="header-anchor" href="#_3-使用例子" aria-label="Permalink to &quot;3.使用例子&quot;">​</a></h3><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> taskId</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> startTask</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// do something</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> time</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> taskEnd</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(taskId);</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;task 执行花费的时间&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, time);</span></span></code></pre></div><h2 id="二-new-date-gettime" tabindex="-1">二.new Date().getTime() <a class="header-anchor" href="#二-new-date-gettime" aria-label="Permalink to &quot;二.new Date().getTime()&quot;">​</a></h2><p><code>new Date().getTime()</code> 返回一个数值，表示从 1970 年 1 月 1 日 0 时 0 分 0 秒（UTC，即协调世界时）距离该日期对象所代表时间的毫秒数。用来计算 JS 执行时间会有两个问题：</p><ol><li>某些情况下，毫秒级精度可能不够。</li><li><code>new Date()</code> 解析的时间在不同浏览器，或者不同设备上可能并不一致。<a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date" target="_blank" rel="noreferrer">MDN 说明</a><blockquote><p>由于浏览器之间的差异与不一致性，强烈不推荐使用 Date 构造函数来解析日期字符串 (或使用与其等价的 Date.parse)。对 RFC 2822 格式的日期仅有约定俗成的支持。对 ISO 8601 格式的支持中，仅有日期的串 (例如 &quot;1970-01-01&quot;) 会被处理为 UTC 而不是本地时间，与其他格式的串的处理不同。</p></blockquote></li></ol><h2 id="三-console-time-console-timeend" tabindex="-1">三.<code>console.time()</code>, <code>console.timeEnd()</code> <a class="header-anchor" href="#三-console-time-console-timeend" aria-label="Permalink to &quot;三.`console.time()`, `console.timeEnd()`&quot;">​</a></h2><p>启动一个计时器来跟踪某一个操作的占用时长。每一个计时器必须拥有唯一的名字，页面中最多能同时运行 10,000 个计时器。当以此计时器名字为参数调用 console.timeEnd() 时，浏览器将以毫秒为单位，输出对应计时器所经过的时间。比起<code>new Date().getTime()</code>，统计时间更加精确，可以统计到 0.001 毫秒(比如：0.134ms)</p><h2 id="四-performance-now" tabindex="-1">四.<code>performance.now()</code> <a class="header-anchor" href="#四-performance-now" aria-label="Permalink to &quot;四.`performance.now()`&quot;">​</a></h2><p><code>performance.now()</code>返回的时间精度最高可达微秒级，且不会受到系统时间的影响（系统时钟可能会被手动调整或被 NTP 等软件篡改）。另外，<code>performance.timing.navigationStart + performance.now()</code> 约等于 <code>Date.now()</code>。因此对于统计 JS 执行耗时方面，更推荐使用<code>performance.now()</code>。</p><blockquote><p>注意：为了提供对定时攻击和指纹的保护，<code>performance.now()</code> 的精度可能会根据浏览器的设置而被舍弃。 在 <code>Firefox</code> 中，<code>privacy.reduceTimerPrecision</code> 偏好是默认启用的，默认值为 <code>1ms</code>。可以启用 <code>privacy.resistFingerprinting</code> 这将精度改为 100ms 或<code>privacy.resistFingerprinting.reduceTimerPrecision.microseconds</code> 的值，以较大者为准。</p></blockquote>',24)]))}const m=a(o,[["render",n]]);export{k as __pageData,m as default};
diff --git a/assets/cn_src_ranuts_utils_task.md.BLYztfpY.lean.js b/assets/cn_src_ranuts_utils_task.md.vM2hJa_Z.lean.js
similarity index 99%
rename from assets/cn_src_ranuts_utils_task.md.BLYztfpY.lean.js
rename to assets/cn_src_ranuts_utils_task.md.vM2hJa_Z.lean.js
index 5db2c7332b..4656cf9b5b 100644
--- a/assets/cn_src_ranuts_utils_task.md.BLYztfpY.lean.js
+++ b/assets/cn_src_ranuts_utils_task.md.vM2hJa_Z.lean.js
@@ -1 +1 @@
-import{_ as a,o as t,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"统计执行时间","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/task.md","filePath":"cn/src/ranuts/utils/task.md","lastUpdated":1728129125000}'),o={name:"cn/src/ranuts/utils/task.md"};function n(d,e,r,c,l,h){return t(),s("div",{"data-pagefind-body":!0},e[0]||(e[0]=[i('<h1 id="统计执行时间" tabindex="-1">统计执行时间 <a class="header-anchor" href="#统计执行时间" aria-label="Permalink to &quot;统计执行时间&quot;">​</a></h1><p>有的时候，我们需要统计一个函数的执行时间，用于分析性能。因此封装了<code>startTask</code>和<code>taskEnd</code>函数。同时介绍其他三种统计方法</p><ol><li><code>new Date().getTime()</code>,</li><li><code>console.time()</code> 和 <code>console.timeEnd()</code>,</li><li><code>performance.now()</code></li></ol><h2 id="一-starttask-taskend" tabindex="-1">一.<code>startTask</code>,<code>taskEnd</code> <a class="header-anchor" href="#一-starttask-taskend" aria-label="Permalink to &quot;一.`startTask`,`taskEnd`&quot;">​</a></h2><h3 id="_1-starttask" tabindex="-1">1.startTask <a class="header-anchor" href="#_1-starttask" aria-label="Permalink to &quot;1.startTask&quot;">​</a></h3><p>任务开始之前执行</p><h4 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>taskId</td><td>任务标识</td><td><code>unique symbol </code></td></tr></tbody></table><h3 id="_2-taskend" tabindex="-1">2.taskEnd <a class="header-anchor" href="#_2-taskend" aria-label="Permalink to &quot;2.taskEnd&quot;">​</a></h3><p>任务结束的时候执行，需要传入<code>startTask</code>返回的任务标识</p><h4 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>taskId</td><td>任务标识</td><td><code>unique symbol </code></td><td>无默认值，参数必传，否则无法识别是哪个任务</td></tr></tbody></table><h4 id="return-1" tabindex="-1">Return <a class="header-anchor" href="#return-1" aria-label="Permalink to &quot;Return&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>time</code></td><td><code>task</code>执行的时间</td><td><code>number</code></td></tr></tbody></table><h3 id="_3-使用例子" tabindex="-1">3.使用例子 <a class="header-anchor" href="#_3-使用例子" aria-label="Permalink to &quot;3.使用例子&quot;">​</a></h3><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> taskId</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> startTask</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// do something</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> time</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> taskEnd</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(taskId);</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;task 执行花费的时间&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, time);</span></span></code></pre></div><h2 id="二-new-date-gettime" tabindex="-1">二.new Date().getTime() <a class="header-anchor" href="#二-new-date-gettime" aria-label="Permalink to &quot;二.new Date().getTime()&quot;">​</a></h2><p><code>new Date().getTime()</code> 返回一个数值，表示从 1970 年 1 月 1 日 0 时 0 分 0 秒（UTC，即协调世界时）距离该日期对象所代表时间的毫秒数。用来计算 JS 执行时间会有两个问题：</p><ol><li>某些情况下，毫秒级精度可能不够。</li><li><code>new Date()</code> 解析的时间在不同浏览器，或者不同设备上可能并不一致。<a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date" target="_blank" rel="noreferrer">MDN 说明</a><blockquote><p>由于浏览器之间的差异与不一致性，强烈不推荐使用 Date 构造函数来解析日期字符串 (或使用与其等价的 Date.parse)。对 RFC 2822 格式的日期仅有约定俗成的支持。对 ISO 8601 格式的支持中，仅有日期的串 (例如 &quot;1970-01-01&quot;) 会被处理为 UTC 而不是本地时间，与其他格式的串的处理不同。</p></blockquote></li></ol><h2 id="三-console-time-console-timeend" tabindex="-1">三.<code>console.time()</code>, <code>console.timeEnd()</code> <a class="header-anchor" href="#三-console-time-console-timeend" aria-label="Permalink to &quot;三.`console.time()`, `console.timeEnd()`&quot;">​</a></h2><p>启动一个计时器来跟踪某一个操作的占用时长。每一个计时器必须拥有唯一的名字，页面中最多能同时运行 10,000 个计时器。当以此计时器名字为参数调用 console.timeEnd() 时，浏览器将以毫秒为单位，输出对应计时器所经过的时间。比起<code>new Date().getTime()</code>，统计时间更加精确，可以统计到 0.001 毫秒(比如：0.134ms)</p><h2 id="四-performance-now" tabindex="-1">四.<code>performance.now()</code> <a class="header-anchor" href="#四-performance-now" aria-label="Permalink to &quot;四.`performance.now()`&quot;">​</a></h2><p><code>performance.now()</code>返回的时间精度最高可达微秒级，且不会受到系统时间的影响（系统时钟可能会被手动调整或被 NTP 等软件篡改）。另外，<code>performance.timing.navigationStart + performance.now()</code> 约等于 <code>Date.now()</code>。因此对于统计 JS 执行耗时方面，更推荐使用<code>performance.now()</code>。</p><blockquote><p>注意：为了提供对定时攻击和指纹的保护，<code>performance.now()</code> 的精度可能会根据浏览器的设置而被舍弃。 在 <code>Firefox</code> 中，<code>privacy.reduceTimerPrecision</code> 偏好是默认启用的，默认值为 <code>1ms</code>。可以启用 <code>privacy.resistFingerprinting</code> 这将精度改为 100ms 或<code>privacy.resistFingerprinting.reduceTimerPrecision.microseconds</code> 的值，以较大者为准。</p></blockquote>',24)]))}const m=a(o,[["render",n]]);export{k as __pageData,m as default};
+import{_ as a,o as t,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"统计执行时间","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/ranuts/utils/task.md","filePath":"cn/src/ranuts/utils/task.md","lastUpdated":1728129344000}'),o={name:"cn/src/ranuts/utils/task.md"};function n(d,e,r,c,l,h){return t(),s("div",{"data-pagefind-body":!0},e[0]||(e[0]=[i('<h1 id="统计执行时间" tabindex="-1">统计执行时间 <a class="header-anchor" href="#统计执行时间" aria-label="Permalink to &quot;统计执行时间&quot;">​</a></h1><p>有的时候，我们需要统计一个函数的执行时间，用于分析性能。因此封装了<code>startTask</code>和<code>taskEnd</code>函数。同时介绍其他三种统计方法</p><ol><li><code>new Date().getTime()</code>,</li><li><code>console.time()</code> 和 <code>console.timeEnd()</code>,</li><li><code>performance.now()</code></li></ol><h2 id="一-starttask-taskend" tabindex="-1">一.<code>startTask</code>,<code>taskEnd</code> <a class="header-anchor" href="#一-starttask-taskend" aria-label="Permalink to &quot;一.`startTask`,`taskEnd`&quot;">​</a></h2><h3 id="_1-starttask" tabindex="-1">1.startTask <a class="header-anchor" href="#_1-starttask" aria-label="Permalink to &quot;1.startTask&quot;">​</a></h3><p>任务开始之前执行</p><h4 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>taskId</td><td>任务标识</td><td><code>unique symbol </code></td></tr></tbody></table><h3 id="_2-taskend" tabindex="-1">2.taskEnd <a class="header-anchor" href="#_2-taskend" aria-label="Permalink to &quot;2.taskEnd&quot;">​</a></h3><p>任务结束的时候执行，需要传入<code>startTask</code>返回的任务标识</p><h4 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>taskId</td><td>任务标识</td><td><code>unique symbol </code></td><td>无默认值，参数必传，否则无法识别是哪个任务</td></tr></tbody></table><h4 id="return-1" tabindex="-1">Return <a class="header-anchor" href="#return-1" aria-label="Permalink to &quot;Return&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>time</code></td><td><code>task</code>执行的时间</td><td><code>number</code></td></tr></tbody></table><h3 id="_3-使用例子" tabindex="-1">3.使用例子 <a class="header-anchor" href="#_3-使用例子" aria-label="Permalink to &quot;3.使用例子&quot;">​</a></h3><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> taskId</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> startTask</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// do something</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> time</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> taskEnd</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(taskId);</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;task 执行花费的时间&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, time);</span></span></code></pre></div><h2 id="二-new-date-gettime" tabindex="-1">二.new Date().getTime() <a class="header-anchor" href="#二-new-date-gettime" aria-label="Permalink to &quot;二.new Date().getTime()&quot;">​</a></h2><p><code>new Date().getTime()</code> 返回一个数值，表示从 1970 年 1 月 1 日 0 时 0 分 0 秒（UTC，即协调世界时）距离该日期对象所代表时间的毫秒数。用来计算 JS 执行时间会有两个问题：</p><ol><li>某些情况下，毫秒级精度可能不够。</li><li><code>new Date()</code> 解析的时间在不同浏览器，或者不同设备上可能并不一致。<a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date" target="_blank" rel="noreferrer">MDN 说明</a><blockquote><p>由于浏览器之间的差异与不一致性，强烈不推荐使用 Date 构造函数来解析日期字符串 (或使用与其等价的 Date.parse)。对 RFC 2822 格式的日期仅有约定俗成的支持。对 ISO 8601 格式的支持中，仅有日期的串 (例如 &quot;1970-01-01&quot;) 会被处理为 UTC 而不是本地时间，与其他格式的串的处理不同。</p></blockquote></li></ol><h2 id="三-console-time-console-timeend" tabindex="-1">三.<code>console.time()</code>, <code>console.timeEnd()</code> <a class="header-anchor" href="#三-console-time-console-timeend" aria-label="Permalink to &quot;三.`console.time()`, `console.timeEnd()`&quot;">​</a></h2><p>启动一个计时器来跟踪某一个操作的占用时长。每一个计时器必须拥有唯一的名字，页面中最多能同时运行 10,000 个计时器。当以此计时器名字为参数调用 console.timeEnd() 时，浏览器将以毫秒为单位，输出对应计时器所经过的时间。比起<code>new Date().getTime()</code>，统计时间更加精确，可以统计到 0.001 毫秒(比如：0.134ms)</p><h2 id="四-performance-now" tabindex="-1">四.<code>performance.now()</code> <a class="header-anchor" href="#四-performance-now" aria-label="Permalink to &quot;四.`performance.now()`&quot;">​</a></h2><p><code>performance.now()</code>返回的时间精度最高可达微秒级，且不会受到系统时间的影响（系统时钟可能会被手动调整或被 NTP 等软件篡改）。另外，<code>performance.timing.navigationStart + performance.now()</code> 约等于 <code>Date.now()</code>。因此对于统计 JS 执行耗时方面，更推荐使用<code>performance.now()</code>。</p><blockquote><p>注意：为了提供对定时攻击和指纹的保护，<code>performance.now()</code> 的精度可能会根据浏览器的设置而被舍弃。 在 <code>Firefox</code> 中，<code>privacy.reduceTimerPrecision</code> 偏好是默认启用的，默认值为 <code>1ms</code>。可以启用 <code>privacy.resistFingerprinting</code> 这将精度改为 100ms 或<code>privacy.resistFingerprinting.reduceTimerPrecision.microseconds</code> 的值，以较大者为准。</p></blockquote>',24)]))}const m=a(o,[["render",n]]);export{k as __pageData,m as default};
diff --git "a/assets/cn_src_types_TS\347\261\273\345\236\213.md.ctrtnDXL.js" "b/assets/cn_src_types_TS\347\261\273\345\236\213.md.BqYfr0BF.js"
similarity index 99%
rename from "assets/cn_src_types_TS\347\261\273\345\236\213.md.ctrtnDXL.js"
rename to "assets/cn_src_types_TS\347\261\273\345\236\213.md.BqYfr0BF.js"
index 131e357c8a..9548782ffc 100644
--- "a/assets/cn_src_types_TS\347\261\273\345\236\213.md.ctrtnDXL.js"
+++ "b/assets/cn_src_types_TS\347\261\273\345\236\213.md.BqYfr0BF.js"
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 类型系统中的类型","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/types/TS类型.md","filePath":"cn/src/types/TS类型.md","lastUpdated":1728129125000}'),l={name:"cn/src/types/TS类型.md"};function t(p,s,k,e,r,d){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="typescript-类型系统中的类型" tabindex="-1">TypeScript 类型系统中的类型 <a class="header-anchor" href="#typescript-类型系统中的类型" aria-label="Permalink to &quot;TypeScript 类型系统中的类型&quot;">​</a></h1><ol><li>基本类型： number、boolean、string、object、bigint、symbol、undefined、null</li><li>复合类型： class、Array、元组（Tuple）、接口（Interface）、枚举（Enum）</li><li>特殊的类型：void、never、any、unknown</li></ol><h2 id="tuple" tabindex="-1">Tuple <a class="header-anchor" href="#tuple" aria-label="Permalink to &quot;Tuple&quot;">​</a></h2><p>元组（Tuple）就是元素个数和类型固定的数组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h2 id="interface" tabindex="-1">Interface <a class="header-anchor" href="#interface" aria-label="Permalink to &quot;Interface&quot;">​</a></h2><p>接口（Interface）可以描述函数、对象、构造器的结构：</p><ul><li>对象</li></ul><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IPerson</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 类型系统中的类型","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/types/TS类型.md","filePath":"cn/src/types/TS类型.md","lastUpdated":1728129344000}'),l={name:"cn/src/types/TS类型.md"};function t(p,s,k,e,r,d){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="typescript-类型系统中的类型" tabindex="-1">TypeScript 类型系统中的类型 <a class="header-anchor" href="#typescript-类型系统中的类型" aria-label="Permalink to &quot;TypeScript 类型系统中的类型&quot;">​</a></h1><ol><li>基本类型： number、boolean、string、object、bigint、symbol、undefined、null</li><li>复合类型： class、Array、元组（Tuple）、接口（Interface）、枚举（Enum）</li><li>特殊的类型：void、never、any、unknown</li></ol><h2 id="tuple" tabindex="-1">Tuple <a class="header-anchor" href="#tuple" aria-label="Permalink to &quot;Tuple&quot;">​</a></h2><p>元组（Tuple）就是元素个数和类型固定的数组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h2 id="interface" tabindex="-1">Interface <a class="header-anchor" href="#interface" aria-label="Permalink to &quot;Interface&quot;">​</a></h2><p>接口（Interface）可以描述函数、对象、构造器的结构：</p><ul><li>对象</li></ul><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IPerson</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  age</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
diff --git "a/assets/cn_src_types_TS\347\261\273\345\236\213.md.ctrtnDXL.lean.js" "b/assets/cn_src_types_TS\347\261\273\345\236\213.md.BqYfr0BF.lean.js"
similarity index 99%
rename from "assets/cn_src_types_TS\347\261\273\345\236\213.md.ctrtnDXL.lean.js"
rename to "assets/cn_src_types_TS\347\261\273\345\236\213.md.BqYfr0BF.lean.js"
index 131e357c8a..9548782ffc 100644
--- "a/assets/cn_src_types_TS\347\261\273\345\236\213.md.ctrtnDXL.lean.js"
+++ "b/assets/cn_src_types_TS\347\261\273\345\236\213.md.BqYfr0BF.lean.js"
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 类型系统中的类型","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/types/TS类型.md","filePath":"cn/src/types/TS类型.md","lastUpdated":1728129125000}'),l={name:"cn/src/types/TS类型.md"};function t(p,s,k,e,r,d){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="typescript-类型系统中的类型" tabindex="-1">TypeScript 类型系统中的类型 <a class="header-anchor" href="#typescript-类型系统中的类型" aria-label="Permalink to &quot;TypeScript 类型系统中的类型&quot;">​</a></h1><ol><li>基本类型： number、boolean、string、object、bigint、symbol、undefined、null</li><li>复合类型： class、Array、元组（Tuple）、接口（Interface）、枚举（Enum）</li><li>特殊的类型：void、never、any、unknown</li></ol><h2 id="tuple" tabindex="-1">Tuple <a class="header-anchor" href="#tuple" aria-label="Permalink to &quot;Tuple&quot;">​</a></h2><p>元组（Tuple）就是元素个数和类型固定的数组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h2 id="interface" tabindex="-1">Interface <a class="header-anchor" href="#interface" aria-label="Permalink to &quot;Interface&quot;">​</a></h2><p>接口（Interface）可以描述函数、对象、构造器的结构：</p><ul><li>对象</li></ul><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IPerson</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 类型系统中的类型","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/types/TS类型.md","filePath":"cn/src/types/TS类型.md","lastUpdated":1728129344000}'),l={name:"cn/src/types/TS类型.md"};function t(p,s,k,e,r,d){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="typescript-类型系统中的类型" tabindex="-1">TypeScript 类型系统中的类型 <a class="header-anchor" href="#typescript-类型系统中的类型" aria-label="Permalink to &quot;TypeScript 类型系统中的类型&quot;">​</a></h1><ol><li>基本类型： number、boolean、string、object、bigint、symbol、undefined、null</li><li>复合类型： class、Array、元组（Tuple）、接口（Interface）、枚举（Enum）</li><li>特殊的类型：void、never、any、unknown</li></ol><h2 id="tuple" tabindex="-1">Tuple <a class="header-anchor" href="#tuple" aria-label="Permalink to &quot;Tuple&quot;">​</a></h2><p>元组（Tuple）就是元素个数和类型固定的数组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h2 id="interface" tabindex="-1">Interface <a class="header-anchor" href="#interface" aria-label="Permalink to &quot;Interface&quot;">​</a></h2><p>接口（Interface）可以描述函数、对象、构造器的结构：</p><ul><li>对象</li></ul><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IPerson</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  age</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
diff --git "a/assets/cn_src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.DWHjoF0h.js" "b/assets/cn_src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.Cv2DtzlL.js"
similarity index 99%
rename from "assets/cn_src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.DWHjoF0h.js"
rename to "assets/cn_src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.Cv2DtzlL.js"
index f8e05f2c40..f7b82906d8 100644
--- "a/assets/cn_src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.DWHjoF0h.js"
+++ "b/assets/cn_src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.Cv2DtzlL.js"
@@ -1 +1 @@
-import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"模式匹配","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/types/模式匹配.md","filePath":"cn/src/types/模式匹配.md","lastUpdated":1728129125000}'),k={name:"cn/src/types/模式匹配.md"};function n(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="模式匹配" tabindex="-1">模式匹配 <a class="header-anchor" href="#模式匹配" aria-label="Permalink to &quot;模式匹配&quot;">​</a></h1><p>Typescript 的类型也同样可以做模式匹配。</p><p>比如这样一个 Promise 类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> p</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>我们想提取 value 的类型，可以这样做：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPromiseValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>通过 extends 对传入的类型参数 P 做模式匹配，其中值的类型是需要提取的，通过 infer 声明一个局部变量 Value 来保存，如果匹配，就返回匹配到的 Value，否则就返回 never 代表没匹配到。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPromiseValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// name</span></span></code></pre></div><h2 id="数组类型" tabindex="-1">数组类型 <a class="header-anchor" href="#数组类型" aria-label="Permalink to &quot;数组类型&quot;">​</a></h2><p>数组类型想提取第一个元素的类型怎么做呢？</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>用它来匹配一个模式类型，提取第一个元素的类型到通过 infer 声明的局部变量里返回。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Arr 通过 extends 约束为只能是数组类型，数组元素是 unknown 也就是可以是任何值。</p><blockquote><p>any 和 unknown 的区别： any 和 unknown 都代表任意类型，但是 unknown 只能接收任意类型的值，而 any 除了可以接收任意类型的值，也可以赋值给任意类型（除了 never）。类型体操中经常用 unknown 接受和匹配任何类型，而很少把任何类型赋值给某个类型变量。</p></blockquote><p>对 Arr 做模式匹配，把我们要提取的第一个元素的类型放到通过 infer 声明的 First 局部变量里，后面的元素可以是任何类型，用 unknown 接收，然后把局部变量 First 返回。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 1</span></span></code></pre></div><p>当类型参数 Arr 为 [] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// never</span></span></code></pre></div><p>可以提取第一个元素，当然也可以提取最后一个元素，修改下模式类型就行：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayLastItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">inter</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span></span></code></pre></div><p>我们分别取了首尾元素，当然也可以取剩余的数组，比如取去掉了最后一个元素的数组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>如果是空数组，就直接返回，否则匹配剩余的元素，放到 infer 声明的局部变量 Rest 里，返回 Rest。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// [1,2]</span></span></code></pre></div><p>当类型参数 Arr 为 [] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// []</span></span></code></pre></div><p>同理可得 ShiftArr 的实现：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Shift</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>字符串类型也同样可以做模式匹配，匹配一个模式字符串，把需要提取的部分放到 infer 声明的局部变量里。</p><p>判断字符串是否以某个前缀开头，也是通过模式匹配：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> StartWidth</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>需要声明字符串 Str、匹配的前缀 Prefix 两个类型参数，它们都是 string。</p><p>用 Str 去匹配一个模式类型，模式类型的前缀是 Prefix，后面是任意的 string，如果匹配返回 true，否则返回 false。</p><p>字符串可以匹配一个模式类型，提取想要的部分，自然也可以用这些再构成一个新的类型。</p><p>比如实现字符串替换：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Replace</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">F</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">F</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">L</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>声明要替换的字符串 Str、待替换的字符串 From、替换成的字符串 3 个类型参数，通过 extends 约束为都是 string 类型。</p><p>用 Str 去匹配模式串，模式串由 From 和之前之后的字符串构成，把之前之后的字符串放到通过 infer 声明的局部变量 Prefix、Suffix 里。</p><p>用 Prefix、Suffix 加上替换到的字符串 To 构造成新的字符串类型返回。</p><h3 id="trim" tabindex="-1">Trim <a class="header-anchor" href="#trim" aria-label="Permalink to &quot;Trim&quot;">​</a></h3><p>能够匹配和替换字符串，那也就能实现去掉空白字符的 Trim：</p><p>不过因为我们不知道有多少个空白字符，所以只能一个个匹配和去掉，需要递归。</p><p>先实现 TrimRight:</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${&#39; &#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\n</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\t</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Str 是要 Trim 的字符串。</p><p>如果 Str 匹配字符串 + 空白字符 (空格、换行、制表符)，那就把字符串放到 infer 声明的局部变量 Rest 里。</p><p>把 Rest 作为类型参数递归 TrimRight，直到不匹配，这时的类型参数 Str 就是处理结果。</p><p>同理可得 TrimLeft：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${&#39; &#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\n</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\t</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>TrimRight 和 TrimLeft 结合就是 Trim：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Trim</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;;</span></span></code></pre></div><h2 id="函数" tabindex="-1">函数 <a class="header-anchor" href="#函数" aria-label="Permalink to &quot;函数&quot;">​</a></h2><p>函数同样也可以做类型匹配，比如提取参数、返回值的类型。</p><h3 id="getparameters" tabindex="-1">GetParameters <a class="header-anchor" href="#getparameters" aria-label="Permalink to &quot;GetParameters&quot;">​</a></h3><p>函数类型可以通过模式匹配来提取参数的类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetParameters</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Func 是要匹配的函数类型，通过 extends 约束为 Function。</p><p>Func 和模式类型做匹配，参数类型放到用 infer 声明的局部变量 Args 里，返回值可以是任何类型，用 unknown。</p><p>返回提取到的参数类型 Args。</p><h3 id="getreturntype" tabindex="-1">GetReturnType <a class="header-anchor" href="#getreturntype" aria-label="Permalink to &quot;GetReturnType&quot;">​</a></h3><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetReturnType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>Func 和模式类型做匹配，提取返回值到通过 infer 声明的局部变量 ReturnType 里返回。</p><p>参数类型可以是任意类型，也就是 any[]（注意，这里不能用 unknown，这里的解释涉及到参数的逆变性质，具体原因逆变那一节会解释）。</p><h3 id="getthisparametertype" tabindex="-1">GetThisParameterType <a class="header-anchor" href="#getthisparametertype" aria-label="Permalink to &quot;GetThisParameterType&quot;">​</a></h3><p>方法里可以调用 this，用对象.方法名的方式调用的时候，this 就指向那个对象。</p><p>但是方法也可以用 call 或者 apply 调用，call 调用的时候，this 就变了，但这里却没有被检查出来 this 指向的错误。</p><p>这里的 this 类型同样也可以通过模式匹配提取出来：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetThisParameterType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">this</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> H</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> H</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><h3 id="构造器" tabindex="-1">构造器 <a class="header-anchor" href="#构造器" aria-label="Permalink to &quot;构造器&quot;">​</a></h3><p>构造器和函数的区别是，构造器是用于创建对象的，所以可以被 new。</p><p>同样，我们也可以通过模式匹配提取构造器的参数和返回值的类型：</p><h4 id="getinstancetype" tabindex="-1">GetInstanceType <a class="header-anchor" href="#getinstancetype" aria-label="Permalink to &quot;GetInstanceType&quot;">​</a></h4><p>构造器类型可以用 interface 声明，使用 new(): xx 的语法。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Person</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>\n<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PersonConstructor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Person</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>这里的 PersonConstructor 返回的是 Person 类型的实例对象，这个也可以通过模式匹配取出来。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetInstanceType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div>',79)]))}const y=i(k,[["render",n]]);export{F as __pageData,y as default};
+import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"模式匹配","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/types/模式匹配.md","filePath":"cn/src/types/模式匹配.md","lastUpdated":1728129344000}'),k={name:"cn/src/types/模式匹配.md"};function n(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="模式匹配" tabindex="-1">模式匹配 <a class="header-anchor" href="#模式匹配" aria-label="Permalink to &quot;模式匹配&quot;">​</a></h1><p>Typescript 的类型也同样可以做模式匹配。</p><p>比如这样一个 Promise 类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> p</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>我们想提取 value 的类型，可以这样做：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPromiseValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>通过 extends 对传入的类型参数 P 做模式匹配，其中值的类型是需要提取的，通过 infer 声明一个局部变量 Value 来保存，如果匹配，就返回匹配到的 Value，否则就返回 never 代表没匹配到。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPromiseValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// name</span></span></code></pre></div><h2 id="数组类型" tabindex="-1">数组类型 <a class="header-anchor" href="#数组类型" aria-label="Permalink to &quot;数组类型&quot;">​</a></h2><p>数组类型想提取第一个元素的类型怎么做呢？</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>用它来匹配一个模式类型，提取第一个元素的类型到通过 infer 声明的局部变量里返回。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Arr 通过 extends 约束为只能是数组类型，数组元素是 unknown 也就是可以是任何值。</p><blockquote><p>any 和 unknown 的区别： any 和 unknown 都代表任意类型，但是 unknown 只能接收任意类型的值，而 any 除了可以接收任意类型的值，也可以赋值给任意类型（除了 never）。类型体操中经常用 unknown 接受和匹配任何类型，而很少把任何类型赋值给某个类型变量。</p></blockquote><p>对 Arr 做模式匹配，把我们要提取的第一个元素的类型放到通过 infer 声明的 First 局部变量里，后面的元素可以是任何类型，用 unknown 接收，然后把局部变量 First 返回。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 1</span></span></code></pre></div><p>当类型参数 Arr 为 [] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// never</span></span></code></pre></div><p>可以提取第一个元素，当然也可以提取最后一个元素，修改下模式类型就行：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayLastItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">inter</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span></span></code></pre></div><p>我们分别取了首尾元素，当然也可以取剩余的数组，比如取去掉了最后一个元素的数组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>如果是空数组，就直接返回，否则匹配剩余的元素，放到 infer 声明的局部变量 Rest 里，返回 Rest。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// [1,2]</span></span></code></pre></div><p>当类型参数 Arr 为 [] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// []</span></span></code></pre></div><p>同理可得 ShiftArr 的实现：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Shift</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>字符串类型也同样可以做模式匹配，匹配一个模式字符串，把需要提取的部分放到 infer 声明的局部变量里。</p><p>判断字符串是否以某个前缀开头，也是通过模式匹配：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> StartWidth</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>需要声明字符串 Str、匹配的前缀 Prefix 两个类型参数，它们都是 string。</p><p>用 Str 去匹配一个模式类型，模式类型的前缀是 Prefix，后面是任意的 string，如果匹配返回 true，否则返回 false。</p><p>字符串可以匹配一个模式类型，提取想要的部分，自然也可以用这些再构成一个新的类型。</p><p>比如实现字符串替换：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Replace</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">F</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">F</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">L</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>声明要替换的字符串 Str、待替换的字符串 From、替换成的字符串 3 个类型参数，通过 extends 约束为都是 string 类型。</p><p>用 Str 去匹配模式串，模式串由 From 和之前之后的字符串构成，把之前之后的字符串放到通过 infer 声明的局部变量 Prefix、Suffix 里。</p><p>用 Prefix、Suffix 加上替换到的字符串 To 构造成新的字符串类型返回。</p><h3 id="trim" tabindex="-1">Trim <a class="header-anchor" href="#trim" aria-label="Permalink to &quot;Trim&quot;">​</a></h3><p>能够匹配和替换字符串，那也就能实现去掉空白字符的 Trim：</p><p>不过因为我们不知道有多少个空白字符，所以只能一个个匹配和去掉，需要递归。</p><p>先实现 TrimRight:</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${&#39; &#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\n</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\t</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Str 是要 Trim 的字符串。</p><p>如果 Str 匹配字符串 + 空白字符 (空格、换行、制表符)，那就把字符串放到 infer 声明的局部变量 Rest 里。</p><p>把 Rest 作为类型参数递归 TrimRight，直到不匹配，这时的类型参数 Str 就是处理结果。</p><p>同理可得 TrimLeft：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${&#39; &#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\n</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\t</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>TrimRight 和 TrimLeft 结合就是 Trim：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Trim</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;;</span></span></code></pre></div><h2 id="函数" tabindex="-1">函数 <a class="header-anchor" href="#函数" aria-label="Permalink to &quot;函数&quot;">​</a></h2><p>函数同样也可以做类型匹配，比如提取参数、返回值的类型。</p><h3 id="getparameters" tabindex="-1">GetParameters <a class="header-anchor" href="#getparameters" aria-label="Permalink to &quot;GetParameters&quot;">​</a></h3><p>函数类型可以通过模式匹配来提取参数的类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetParameters</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Func 是要匹配的函数类型，通过 extends 约束为 Function。</p><p>Func 和模式类型做匹配，参数类型放到用 infer 声明的局部变量 Args 里，返回值可以是任何类型，用 unknown。</p><p>返回提取到的参数类型 Args。</p><h3 id="getreturntype" tabindex="-1">GetReturnType <a class="header-anchor" href="#getreturntype" aria-label="Permalink to &quot;GetReturnType&quot;">​</a></h3><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetReturnType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>Func 和模式类型做匹配，提取返回值到通过 infer 声明的局部变量 ReturnType 里返回。</p><p>参数类型可以是任意类型，也就是 any[]（注意，这里不能用 unknown，这里的解释涉及到参数的逆变性质，具体原因逆变那一节会解释）。</p><h3 id="getthisparametertype" tabindex="-1">GetThisParameterType <a class="header-anchor" href="#getthisparametertype" aria-label="Permalink to &quot;GetThisParameterType&quot;">​</a></h3><p>方法里可以调用 this，用对象.方法名的方式调用的时候，this 就指向那个对象。</p><p>但是方法也可以用 call 或者 apply 调用，call 调用的时候，this 就变了，但这里却没有被检查出来 this 指向的错误。</p><p>这里的 this 类型同样也可以通过模式匹配提取出来：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetThisParameterType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">this</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> H</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> H</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><h3 id="构造器" tabindex="-1">构造器 <a class="header-anchor" href="#构造器" aria-label="Permalink to &quot;构造器&quot;">​</a></h3><p>构造器和函数的区别是，构造器是用于创建对象的，所以可以被 new。</p><p>同样，我们也可以通过模式匹配提取构造器的参数和返回值的类型：</p><h4 id="getinstancetype" tabindex="-1">GetInstanceType <a class="header-anchor" href="#getinstancetype" aria-label="Permalink to &quot;GetInstanceType&quot;">​</a></h4><p>构造器类型可以用 interface 声明，使用 new(): xx 的语法。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Person</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>\n<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PersonConstructor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Person</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>这里的 PersonConstructor 返回的是 Person 类型的实例对象，这个也可以通过模式匹配取出来。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetInstanceType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div>',79)]))}const y=i(k,[["render",n]]);export{F as __pageData,y as default};
diff --git "a/assets/cn_src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.DWHjoF0h.lean.js" "b/assets/cn_src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.Cv2DtzlL.lean.js"
similarity index 99%
rename from "assets/cn_src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.DWHjoF0h.lean.js"
rename to "assets/cn_src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.Cv2DtzlL.lean.js"
index f8e05f2c40..f7b82906d8 100644
--- "a/assets/cn_src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.DWHjoF0h.lean.js"
+++ "b/assets/cn_src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.Cv2DtzlL.lean.js"
@@ -1 +1 @@
-import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"模式匹配","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/types/模式匹配.md","filePath":"cn/src/types/模式匹配.md","lastUpdated":1728129125000}'),k={name:"cn/src/types/模式匹配.md"};function n(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="模式匹配" tabindex="-1">模式匹配 <a class="header-anchor" href="#模式匹配" aria-label="Permalink to &quot;模式匹配&quot;">​</a></h1><p>Typescript 的类型也同样可以做模式匹配。</p><p>比如这样一个 Promise 类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> p</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>我们想提取 value 的类型，可以这样做：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPromiseValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>通过 extends 对传入的类型参数 P 做模式匹配，其中值的类型是需要提取的，通过 infer 声明一个局部变量 Value 来保存，如果匹配，就返回匹配到的 Value，否则就返回 never 代表没匹配到。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPromiseValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// name</span></span></code></pre></div><h2 id="数组类型" tabindex="-1">数组类型 <a class="header-anchor" href="#数组类型" aria-label="Permalink to &quot;数组类型&quot;">​</a></h2><p>数组类型想提取第一个元素的类型怎么做呢？</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>用它来匹配一个模式类型，提取第一个元素的类型到通过 infer 声明的局部变量里返回。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Arr 通过 extends 约束为只能是数组类型，数组元素是 unknown 也就是可以是任何值。</p><blockquote><p>any 和 unknown 的区别： any 和 unknown 都代表任意类型，但是 unknown 只能接收任意类型的值，而 any 除了可以接收任意类型的值，也可以赋值给任意类型（除了 never）。类型体操中经常用 unknown 接受和匹配任何类型，而很少把任何类型赋值给某个类型变量。</p></blockquote><p>对 Arr 做模式匹配，把我们要提取的第一个元素的类型放到通过 infer 声明的 First 局部变量里，后面的元素可以是任何类型，用 unknown 接收，然后把局部变量 First 返回。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 1</span></span></code></pre></div><p>当类型参数 Arr 为 [] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// never</span></span></code></pre></div><p>可以提取第一个元素，当然也可以提取最后一个元素，修改下模式类型就行：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayLastItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">inter</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span></span></code></pre></div><p>我们分别取了首尾元素，当然也可以取剩余的数组，比如取去掉了最后一个元素的数组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>如果是空数组，就直接返回，否则匹配剩余的元素，放到 infer 声明的局部变量 Rest 里，返回 Rest。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// [1,2]</span></span></code></pre></div><p>当类型参数 Arr 为 [] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// []</span></span></code></pre></div><p>同理可得 ShiftArr 的实现：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Shift</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>字符串类型也同样可以做模式匹配，匹配一个模式字符串，把需要提取的部分放到 infer 声明的局部变量里。</p><p>判断字符串是否以某个前缀开头，也是通过模式匹配：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> StartWidth</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>需要声明字符串 Str、匹配的前缀 Prefix 两个类型参数，它们都是 string。</p><p>用 Str 去匹配一个模式类型，模式类型的前缀是 Prefix，后面是任意的 string，如果匹配返回 true，否则返回 false。</p><p>字符串可以匹配一个模式类型，提取想要的部分，自然也可以用这些再构成一个新的类型。</p><p>比如实现字符串替换：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Replace</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">F</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">F</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">L</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>声明要替换的字符串 Str、待替换的字符串 From、替换成的字符串 3 个类型参数，通过 extends 约束为都是 string 类型。</p><p>用 Str 去匹配模式串，模式串由 From 和之前之后的字符串构成，把之前之后的字符串放到通过 infer 声明的局部变量 Prefix、Suffix 里。</p><p>用 Prefix、Suffix 加上替换到的字符串 To 构造成新的字符串类型返回。</p><h3 id="trim" tabindex="-1">Trim <a class="header-anchor" href="#trim" aria-label="Permalink to &quot;Trim&quot;">​</a></h3><p>能够匹配和替换字符串，那也就能实现去掉空白字符的 Trim：</p><p>不过因为我们不知道有多少个空白字符，所以只能一个个匹配和去掉，需要递归。</p><p>先实现 TrimRight:</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${&#39; &#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\n</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\t</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Str 是要 Trim 的字符串。</p><p>如果 Str 匹配字符串 + 空白字符 (空格、换行、制表符)，那就把字符串放到 infer 声明的局部变量 Rest 里。</p><p>把 Rest 作为类型参数递归 TrimRight，直到不匹配，这时的类型参数 Str 就是处理结果。</p><p>同理可得 TrimLeft：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${&#39; &#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\n</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\t</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>TrimRight 和 TrimLeft 结合就是 Trim：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Trim</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;;</span></span></code></pre></div><h2 id="函数" tabindex="-1">函数 <a class="header-anchor" href="#函数" aria-label="Permalink to &quot;函数&quot;">​</a></h2><p>函数同样也可以做类型匹配，比如提取参数、返回值的类型。</p><h3 id="getparameters" tabindex="-1">GetParameters <a class="header-anchor" href="#getparameters" aria-label="Permalink to &quot;GetParameters&quot;">​</a></h3><p>函数类型可以通过模式匹配来提取参数的类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetParameters</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Func 是要匹配的函数类型，通过 extends 约束为 Function。</p><p>Func 和模式类型做匹配，参数类型放到用 infer 声明的局部变量 Args 里，返回值可以是任何类型，用 unknown。</p><p>返回提取到的参数类型 Args。</p><h3 id="getreturntype" tabindex="-1">GetReturnType <a class="header-anchor" href="#getreturntype" aria-label="Permalink to &quot;GetReturnType&quot;">​</a></h3><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetReturnType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>Func 和模式类型做匹配，提取返回值到通过 infer 声明的局部变量 ReturnType 里返回。</p><p>参数类型可以是任意类型，也就是 any[]（注意，这里不能用 unknown，这里的解释涉及到参数的逆变性质，具体原因逆变那一节会解释）。</p><h3 id="getthisparametertype" tabindex="-1">GetThisParameterType <a class="header-anchor" href="#getthisparametertype" aria-label="Permalink to &quot;GetThisParameterType&quot;">​</a></h3><p>方法里可以调用 this，用对象.方法名的方式调用的时候，this 就指向那个对象。</p><p>但是方法也可以用 call 或者 apply 调用，call 调用的时候，this 就变了，但这里却没有被检查出来 this 指向的错误。</p><p>这里的 this 类型同样也可以通过模式匹配提取出来：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetThisParameterType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">this</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> H</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> H</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><h3 id="构造器" tabindex="-1">构造器 <a class="header-anchor" href="#构造器" aria-label="Permalink to &quot;构造器&quot;">​</a></h3><p>构造器和函数的区别是，构造器是用于创建对象的，所以可以被 new。</p><p>同样，我们也可以通过模式匹配提取构造器的参数和返回值的类型：</p><h4 id="getinstancetype" tabindex="-1">GetInstanceType <a class="header-anchor" href="#getinstancetype" aria-label="Permalink to &quot;GetInstanceType&quot;">​</a></h4><p>构造器类型可以用 interface 声明，使用 new(): xx 的语法。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Person</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>\n<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PersonConstructor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Person</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>这里的 PersonConstructor 返回的是 Person 类型的实例对象，这个也可以通过模式匹配取出来。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetInstanceType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div>',79)]))}const y=i(k,[["render",n]]);export{F as __pageData,y as default};
+import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"模式匹配","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/types/模式匹配.md","filePath":"cn/src/types/模式匹配.md","lastUpdated":1728129344000}'),k={name:"cn/src/types/模式匹配.md"};function n(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="模式匹配" tabindex="-1">模式匹配 <a class="header-anchor" href="#模式匹配" aria-label="Permalink to &quot;模式匹配&quot;">​</a></h1><p>Typescript 的类型也同样可以做模式匹配。</p><p>比如这样一个 Promise 类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> p</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>我们想提取 value 的类型，可以这样做：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPromiseValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>通过 extends 对传入的类型参数 P 做模式匹配，其中值的类型是需要提取的，通过 infer 声明一个局部变量 Value 来保存，如果匹配，就返回匹配到的 Value，否则就返回 never 代表没匹配到。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPromiseValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// name</span></span></code></pre></div><h2 id="数组类型" tabindex="-1">数组类型 <a class="header-anchor" href="#数组类型" aria-label="Permalink to &quot;数组类型&quot;">​</a></h2><p>数组类型想提取第一个元素的类型怎么做呢？</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>用它来匹配一个模式类型，提取第一个元素的类型到通过 infer 声明的局部变量里返回。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Arr 通过 extends 约束为只能是数组类型，数组元素是 unknown 也就是可以是任何值。</p><blockquote><p>any 和 unknown 的区别： any 和 unknown 都代表任意类型，但是 unknown 只能接收任意类型的值，而 any 除了可以接收任意类型的值，也可以赋值给任意类型（除了 never）。类型体操中经常用 unknown 接受和匹配任何类型，而很少把任何类型赋值给某个类型变量。</p></blockquote><p>对 Arr 做模式匹配，把我们要提取的第一个元素的类型放到通过 infer 声明的 First 局部变量里，后面的元素可以是任何类型，用 unknown 接收，然后把局部变量 First 返回。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 1</span></span></code></pre></div><p>当类型参数 Arr 为 [] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// never</span></span></code></pre></div><p>可以提取第一个元素，当然也可以提取最后一个元素，修改下模式类型就行：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayLastItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">inter</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span></span></code></pre></div><p>我们分别取了首尾元素，当然也可以取剩余的数组，比如取去掉了最后一个元素的数组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>如果是空数组，就直接返回，否则匹配剩余的元素，放到 infer 声明的局部变量 Rest 里，返回 Rest。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// [1,2]</span></span></code></pre></div><p>当类型参数 Arr 为 [] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// []</span></span></code></pre></div><p>同理可得 ShiftArr 的实现：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Shift</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>字符串类型也同样可以做模式匹配，匹配一个模式字符串，把需要提取的部分放到 infer 声明的局部变量里。</p><p>判断字符串是否以某个前缀开头，也是通过模式匹配：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> StartWidth</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>需要声明字符串 Str、匹配的前缀 Prefix 两个类型参数，它们都是 string。</p><p>用 Str 去匹配一个模式类型，模式类型的前缀是 Prefix，后面是任意的 string，如果匹配返回 true，否则返回 false。</p><p>字符串可以匹配一个模式类型，提取想要的部分，自然也可以用这些再构成一个新的类型。</p><p>比如实现字符串替换：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Replace</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">F</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">F</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">L</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>声明要替换的字符串 Str、待替换的字符串 From、替换成的字符串 3 个类型参数，通过 extends 约束为都是 string 类型。</p><p>用 Str 去匹配模式串，模式串由 From 和之前之后的字符串构成，把之前之后的字符串放到通过 infer 声明的局部变量 Prefix、Suffix 里。</p><p>用 Prefix、Suffix 加上替换到的字符串 To 构造成新的字符串类型返回。</p><h3 id="trim" tabindex="-1">Trim <a class="header-anchor" href="#trim" aria-label="Permalink to &quot;Trim&quot;">​</a></h3><p>能够匹配和替换字符串，那也就能实现去掉空白字符的 Trim：</p><p>不过因为我们不知道有多少个空白字符，所以只能一个个匹配和去掉，需要递归。</p><p>先实现 TrimRight:</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${&#39; &#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\n</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\t</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Str 是要 Trim 的字符串。</p><p>如果 Str 匹配字符串 + 空白字符 (空格、换行、制表符)，那就把字符串放到 infer 声明的局部变量 Rest 里。</p><p>把 Rest 作为类型参数递归 TrimRight，直到不匹配，这时的类型参数 Str 就是处理结果。</p><p>同理可得 TrimLeft：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${&#39; &#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\n</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\t</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>TrimRight 和 TrimLeft 结合就是 Trim：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Trim</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;;</span></span></code></pre></div><h2 id="函数" tabindex="-1">函数 <a class="header-anchor" href="#函数" aria-label="Permalink to &quot;函数&quot;">​</a></h2><p>函数同样也可以做类型匹配，比如提取参数、返回值的类型。</p><h3 id="getparameters" tabindex="-1">GetParameters <a class="header-anchor" href="#getparameters" aria-label="Permalink to &quot;GetParameters&quot;">​</a></h3><p>函数类型可以通过模式匹配来提取参数的类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetParameters</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Func 是要匹配的函数类型，通过 extends 约束为 Function。</p><p>Func 和模式类型做匹配，参数类型放到用 infer 声明的局部变量 Args 里，返回值可以是任何类型，用 unknown。</p><p>返回提取到的参数类型 Args。</p><h3 id="getreturntype" tabindex="-1">GetReturnType <a class="header-anchor" href="#getreturntype" aria-label="Permalink to &quot;GetReturnType&quot;">​</a></h3><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetReturnType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>Func 和模式类型做匹配，提取返回值到通过 infer 声明的局部变量 ReturnType 里返回。</p><p>参数类型可以是任意类型，也就是 any[]（注意，这里不能用 unknown，这里的解释涉及到参数的逆变性质，具体原因逆变那一节会解释）。</p><h3 id="getthisparametertype" tabindex="-1">GetThisParameterType <a class="header-anchor" href="#getthisparametertype" aria-label="Permalink to &quot;GetThisParameterType&quot;">​</a></h3><p>方法里可以调用 this，用对象.方法名的方式调用的时候，this 就指向那个对象。</p><p>但是方法也可以用 call 或者 apply 调用，call 调用的时候，this 就变了，但这里却没有被检查出来 this 指向的错误。</p><p>这里的 this 类型同样也可以通过模式匹配提取出来：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetThisParameterType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">this</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> H</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> H</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><h3 id="构造器" tabindex="-1">构造器 <a class="header-anchor" href="#构造器" aria-label="Permalink to &quot;构造器&quot;">​</a></h3><p>构造器和函数的区别是，构造器是用于创建对象的，所以可以被 new。</p><p>同样，我们也可以通过模式匹配提取构造器的参数和返回值的类型：</p><h4 id="getinstancetype" tabindex="-1">GetInstanceType <a class="header-anchor" href="#getinstancetype" aria-label="Permalink to &quot;GetInstanceType&quot;">​</a></h4><p>构造器类型可以用 interface 声明，使用 new(): xx 的语法。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Person</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>\n<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PersonConstructor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Person</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>这里的 PersonConstructor 返回的是 Person 类型的实例对象，这个也可以通过模式匹配取出来。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetInstanceType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div>',79)]))}const y=i(k,[["render",n]]);export{F as __pageData,y as default};
diff --git "a/assets/cn_src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.BALncgle.js" "b/assets/cn_src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.DMkykj3f.js"
similarity index 99%
rename from "assets/cn_src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.BALncgle.js"
rename to "assets/cn_src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.DMkykj3f.js"
index fc290f99c3..d0096fc23a 100644
--- "a/assets/cn_src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.BALncgle.js"
+++ "b/assets/cn_src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.DMkykj3f.js"
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 类型系统中的类型运算","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/types/类型运算.md","filePath":"cn/src/types/类型运算.md","lastUpdated":1728129125000}'),n={name:"cn/src/types/类型运算.md"};function p(t,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="typescript-类型系统中的类型运算" tabindex="-1">TypeScript 类型系统中的类型运算 <a class="header-anchor" href="#typescript-类型系统中的类型运算" aria-label="Permalink to &quot;TypeScript 类型系统中的类型运算&quot;">​</a></h1><h2 id="条件-extends" tabindex="-1">条件：<code>extends ? :</code> <a class="header-anchor" href="#条件-extends" aria-label="Permalink to &quot;条件：\`extends ? :\`&quot;">​</a></h2><p>TypeScript 里的条件判断是 extends ? :，叫做条件类型（Conditional Type）比如：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 类型系统中的类型运算","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/types/类型运算.md","filePath":"cn/src/types/类型运算.md","lastUpdated":1728129344000}'),n={name:"cn/src/types/类型运算.md"};function p(t,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="typescript-类型系统中的类型运算" tabindex="-1">TypeScript 类型系统中的类型运算 <a class="header-anchor" href="#typescript-类型系统中的类型运算" aria-label="Permalink to &quot;TypeScript 类型系统中的类型运算&quot;">​</a></h1><h2 id="条件-extends" tabindex="-1">条件：<code>extends ? :</code> <a class="header-anchor" href="#条件-extends" aria-label="Permalink to &quot;条件：\`extends ? :\`&quot;">​</a></h2><p>TypeScript 里的条件判断是 extends ? :，叫做条件类型（Conditional Type）比如：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> res</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// true</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> res2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// false</span></span></code></pre></div><p>这种类型也叫做高级类型。</p><p>高级类型的特点是传入类型参数，经过一系列类型运算逻辑后，返回新的类型。</p><h2 id="推导-infer" tabindex="-1">推导：infer <a class="header-anchor" href="#推导-infer" aria-label="Permalink to &quot;推导：infer&quot;">​</a></h2><p>如何提取类型的一部分呢？答案是 infer。</p><p>比如提取元组类型的第一个元素：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> FirstTupleItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">inter</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
diff --git "a/assets/cn_src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.BALncgle.lean.js" "b/assets/cn_src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.DMkykj3f.lean.js"
similarity index 99%
rename from "assets/cn_src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.BALncgle.lean.js"
rename to "assets/cn_src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.DMkykj3f.lean.js"
index fc290f99c3..d0096fc23a 100644
--- "a/assets/cn_src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.BALncgle.lean.js"
+++ "b/assets/cn_src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.DMkykj3f.lean.js"
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 类型系统中的类型运算","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/types/类型运算.md","filePath":"cn/src/types/类型运算.md","lastUpdated":1728129125000}'),n={name:"cn/src/types/类型运算.md"};function p(t,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="typescript-类型系统中的类型运算" tabindex="-1">TypeScript 类型系统中的类型运算 <a class="header-anchor" href="#typescript-类型系统中的类型运算" aria-label="Permalink to &quot;TypeScript 类型系统中的类型运算&quot;">​</a></h1><h2 id="条件-extends" tabindex="-1">条件：<code>extends ? :</code> <a class="header-anchor" href="#条件-extends" aria-label="Permalink to &quot;条件：\`extends ? :\`&quot;">​</a></h2><p>TypeScript 里的条件判断是 extends ? :，叫做条件类型（Conditional Type）比如：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 类型系统中的类型运算","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/types/类型运算.md","filePath":"cn/src/types/类型运算.md","lastUpdated":1728129344000}'),n={name:"cn/src/types/类型运算.md"};function p(t,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="typescript-类型系统中的类型运算" tabindex="-1">TypeScript 类型系统中的类型运算 <a class="header-anchor" href="#typescript-类型系统中的类型运算" aria-label="Permalink to &quot;TypeScript 类型系统中的类型运算&quot;">​</a></h1><h2 id="条件-extends" tabindex="-1">条件：<code>extends ? :</code> <a class="header-anchor" href="#条件-extends" aria-label="Permalink to &quot;条件：\`extends ? :\`&quot;">​</a></h2><p>TypeScript 里的条件判断是 extends ? :，叫做条件类型（Conditional Type）比如：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> res</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// true</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> res2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// false</span></span></code></pre></div><p>这种类型也叫做高级类型。</p><p>高级类型的特点是传入类型参数，经过一系列类型运算逻辑后，返回新的类型。</p><h2 id="推导-infer" tabindex="-1">推导：infer <a class="header-anchor" href="#推导-infer" aria-label="Permalink to &quot;推导：infer&quot;">​</a></h2><p>如何提取类型的一部分呢？答案是 infer。</p><p>比如提取元组类型的第一个元素：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> FirstTupleItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">inter</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
diff --git "a/assets/cn_src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.C_sodMsN.js" "b/assets/cn_src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.BDtDighX.js"
similarity index 98%
rename from "assets/cn_src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.C_sodMsN.js"
rename to "assets/cn_src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.BDtDighX.js"
index a390a9c2bc..f6ea72f03b 100644
--- "a/assets/cn_src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.C_sodMsN.js"
+++ "b/assets/cn_src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.BDtDighX.js"
@@ -1 +1 @@
-import{_ as e,o as r,c as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"TypeScript 内置的高级类型","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/types/高级类型.md","filePath":"cn/src/types/高级类型.md","lastUpdated":1728129125000}'),o={name:"cn/src/types/高级类型.md"};function l(n,a,h,c,s,d){return r(),t("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="typescript-内置的高级类型" tabindex="-1">TypeScript 内置的高级类型 <a class="header-anchor" href="#typescript-内置的高级类型" aria-label="Permalink to &quot;TypeScript 内置的高级类型&quot;">​</a></h1><h2 id="parameters" tabindex="-1">Parameters <a class="header-anchor" href="#parameters" aria-label="Permalink to &quot;Parameters&quot;">​</a></h2><p>Parameters 用于提取函数类型的参数类型。</p><h2 id="returntype" tabindex="-1">ReturnType <a class="header-anchor" href="#returntype" aria-label="Permalink to &quot;ReturnType&quot;">​</a></h2><p>ReturnType 用于提取函数类型的返回值类型。</p><h2 id="constructorparameters" tabindex="-1">ConstructorParameters <a class="header-anchor" href="#constructorparameters" aria-label="Permalink to &quot;ConstructorParameters&quot;">​</a></h2><p>构造器类型和函数类型的区别就是可以被 new。</p><p>Parameters 用于提取函数参数的类型，而 ConstructorParameters 用于提取构造器参数的类型。</p><h2 id="instancetype" tabindex="-1">InstanceType <a class="header-anchor" href="#instancetype" aria-label="Permalink to &quot;InstanceType&quot;">​</a></h2><p>提取了构造器参数的类型，自然也可以提取构造器返回值的类型，就是 InstanceType。</p><h2 id="thisparametertype" tabindex="-1">ThisParameterType <a class="header-anchor" href="#thisparametertype" aria-label="Permalink to &quot;ThisParameterType&quot;">​</a></h2><h2 id="omitthisparameter" tabindex="-1">OmitThisParameter <a class="header-anchor" href="#omitthisparameter" aria-label="Permalink to &quot;OmitThisParameter&quot;">​</a></h2><h2 id="partial" tabindex="-1">Partial <a class="header-anchor" href="#partial" aria-label="Permalink to &quot;Partial&quot;">​</a></h2><h2 id="required" tabindex="-1">Required <a class="header-anchor" href="#required" aria-label="Permalink to &quot;Required&quot;">​</a></h2><h2 id="readonly" tabindex="-1">Readonly <a class="header-anchor" href="#readonly" aria-label="Permalink to &quot;Readonly&quot;">​</a></h2><h2 id="pick" tabindex="-1">Pick <a class="header-anchor" href="#pick" aria-label="Permalink to &quot;Pick&quot;">​</a></h2><h2 id="record" tabindex="-1">Record <a class="header-anchor" href="#record" aria-label="Permalink to &quot;Record&quot;">​</a></h2><h2 id="exclude" tabindex="-1">Exclude <a class="header-anchor" href="#exclude" aria-label="Permalink to &quot;Exclude&quot;">​</a></h2><h2 id="extract" tabindex="-1">Extract <a class="header-anchor" href="#extract" aria-label="Permalink to &quot;Extract&quot;">​</a></h2><h2 id="omit" tabindex="-1">Omit <a class="header-anchor" href="#omit" aria-label="Permalink to &quot;Omit&quot;">​</a></h2><h2 id="awaited" tabindex="-1">Awaited <a class="header-anchor" href="#awaited" aria-label="Permalink to &quot;Awaited&quot;">​</a></h2><h2 id="nonnullable" tabindex="-1">NonNullable <a class="header-anchor" href="#nonnullable" aria-label="Permalink to &quot;NonNullable&quot;">​</a></h2><h2 id="uppercase" tabindex="-1">Uppercase <a class="header-anchor" href="#uppercase" aria-label="Permalink to &quot;Uppercase&quot;">​</a></h2><h2 id="lowercase" tabindex="-1">Lowercase <a class="header-anchor" href="#lowercase" aria-label="Permalink to &quot;Lowercase&quot;">​</a></h2><h2 id="capitalize" tabindex="-1">Capitalize <a class="header-anchor" href="#capitalize" aria-label="Permalink to &quot;Capitalize&quot;">​</a></h2><h2 id="uncapitalize" tabindex="-1">Uncapitalize <a class="header-anchor" href="#uncapitalize" aria-label="Permalink to &quot;Uncapitalize&quot;">​</a></h2><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>比如用模式匹配可以实现：Parameters、ReturnType、ConstructorParameters、InstanceType、ThisParameterType。</p><p>用模式匹配 + 重新构造可以实现：OmitThisParameter</p><p>用重新构造可以实现：Partial、Required、Readonly、Pick、Record</p><p>用模式匹配 + 递归可以实现： Awaited</p><p>用联合类型在分布式条件类型的特性可以实现： Exclude</p><p>此外还有 NonNullable 和四个编译器内部实现的类型：Uppercase、Lowercase、Capitalize、Uncapitalize。</p>',33)]))}const m=e(o,[["render",l]]);export{u as __pageData,m as default};
+import{_ as e,o as r,c as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"TypeScript 内置的高级类型","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/types/高级类型.md","filePath":"cn/src/types/高级类型.md","lastUpdated":1728129344000}'),o={name:"cn/src/types/高级类型.md"};function l(n,a,h,c,s,d){return r(),t("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="typescript-内置的高级类型" tabindex="-1">TypeScript 内置的高级类型 <a class="header-anchor" href="#typescript-内置的高级类型" aria-label="Permalink to &quot;TypeScript 内置的高级类型&quot;">​</a></h1><h2 id="parameters" tabindex="-1">Parameters <a class="header-anchor" href="#parameters" aria-label="Permalink to &quot;Parameters&quot;">​</a></h2><p>Parameters 用于提取函数类型的参数类型。</p><h2 id="returntype" tabindex="-1">ReturnType <a class="header-anchor" href="#returntype" aria-label="Permalink to &quot;ReturnType&quot;">​</a></h2><p>ReturnType 用于提取函数类型的返回值类型。</p><h2 id="constructorparameters" tabindex="-1">ConstructorParameters <a class="header-anchor" href="#constructorparameters" aria-label="Permalink to &quot;ConstructorParameters&quot;">​</a></h2><p>构造器类型和函数类型的区别就是可以被 new。</p><p>Parameters 用于提取函数参数的类型，而 ConstructorParameters 用于提取构造器参数的类型。</p><h2 id="instancetype" tabindex="-1">InstanceType <a class="header-anchor" href="#instancetype" aria-label="Permalink to &quot;InstanceType&quot;">​</a></h2><p>提取了构造器参数的类型，自然也可以提取构造器返回值的类型，就是 InstanceType。</p><h2 id="thisparametertype" tabindex="-1">ThisParameterType <a class="header-anchor" href="#thisparametertype" aria-label="Permalink to &quot;ThisParameterType&quot;">​</a></h2><h2 id="omitthisparameter" tabindex="-1">OmitThisParameter <a class="header-anchor" href="#omitthisparameter" aria-label="Permalink to &quot;OmitThisParameter&quot;">​</a></h2><h2 id="partial" tabindex="-1">Partial <a class="header-anchor" href="#partial" aria-label="Permalink to &quot;Partial&quot;">​</a></h2><h2 id="required" tabindex="-1">Required <a class="header-anchor" href="#required" aria-label="Permalink to &quot;Required&quot;">​</a></h2><h2 id="readonly" tabindex="-1">Readonly <a class="header-anchor" href="#readonly" aria-label="Permalink to &quot;Readonly&quot;">​</a></h2><h2 id="pick" tabindex="-1">Pick <a class="header-anchor" href="#pick" aria-label="Permalink to &quot;Pick&quot;">​</a></h2><h2 id="record" tabindex="-1">Record <a class="header-anchor" href="#record" aria-label="Permalink to &quot;Record&quot;">​</a></h2><h2 id="exclude" tabindex="-1">Exclude <a class="header-anchor" href="#exclude" aria-label="Permalink to &quot;Exclude&quot;">​</a></h2><h2 id="extract" tabindex="-1">Extract <a class="header-anchor" href="#extract" aria-label="Permalink to &quot;Extract&quot;">​</a></h2><h2 id="omit" tabindex="-1">Omit <a class="header-anchor" href="#omit" aria-label="Permalink to &quot;Omit&quot;">​</a></h2><h2 id="awaited" tabindex="-1">Awaited <a class="header-anchor" href="#awaited" aria-label="Permalink to &quot;Awaited&quot;">​</a></h2><h2 id="nonnullable" tabindex="-1">NonNullable <a class="header-anchor" href="#nonnullable" aria-label="Permalink to &quot;NonNullable&quot;">​</a></h2><h2 id="uppercase" tabindex="-1">Uppercase <a class="header-anchor" href="#uppercase" aria-label="Permalink to &quot;Uppercase&quot;">​</a></h2><h2 id="lowercase" tabindex="-1">Lowercase <a class="header-anchor" href="#lowercase" aria-label="Permalink to &quot;Lowercase&quot;">​</a></h2><h2 id="capitalize" tabindex="-1">Capitalize <a class="header-anchor" href="#capitalize" aria-label="Permalink to &quot;Capitalize&quot;">​</a></h2><h2 id="uncapitalize" tabindex="-1">Uncapitalize <a class="header-anchor" href="#uncapitalize" aria-label="Permalink to &quot;Uncapitalize&quot;">​</a></h2><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>比如用模式匹配可以实现：Parameters、ReturnType、ConstructorParameters、InstanceType、ThisParameterType。</p><p>用模式匹配 + 重新构造可以实现：OmitThisParameter</p><p>用重新构造可以实现：Partial、Required、Readonly、Pick、Record</p><p>用模式匹配 + 递归可以实现： Awaited</p><p>用联合类型在分布式条件类型的特性可以实现： Exclude</p><p>此外还有 NonNullable 和四个编译器内部实现的类型：Uppercase、Lowercase、Capitalize、Uncapitalize。</p>',33)]))}const m=e(o,[["render",l]]);export{u as __pageData,m as default};
diff --git "a/assets/cn_src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.C_sodMsN.lean.js" "b/assets/cn_src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.BDtDighX.lean.js"
similarity index 98%
rename from "assets/cn_src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.C_sodMsN.lean.js"
rename to "assets/cn_src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.BDtDighX.lean.js"
index a390a9c2bc..f6ea72f03b 100644
--- "a/assets/cn_src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.C_sodMsN.lean.js"
+++ "b/assets/cn_src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.BDtDighX.lean.js"
@@ -1 +1 @@
-import{_ as e,o as r,c as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"TypeScript 内置的高级类型","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/types/高级类型.md","filePath":"cn/src/types/高级类型.md","lastUpdated":1728129125000}'),o={name:"cn/src/types/高级类型.md"};function l(n,a,h,c,s,d){return r(),t("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="typescript-内置的高级类型" tabindex="-1">TypeScript 内置的高级类型 <a class="header-anchor" href="#typescript-内置的高级类型" aria-label="Permalink to &quot;TypeScript 内置的高级类型&quot;">​</a></h1><h2 id="parameters" tabindex="-1">Parameters <a class="header-anchor" href="#parameters" aria-label="Permalink to &quot;Parameters&quot;">​</a></h2><p>Parameters 用于提取函数类型的参数类型。</p><h2 id="returntype" tabindex="-1">ReturnType <a class="header-anchor" href="#returntype" aria-label="Permalink to &quot;ReturnType&quot;">​</a></h2><p>ReturnType 用于提取函数类型的返回值类型。</p><h2 id="constructorparameters" tabindex="-1">ConstructorParameters <a class="header-anchor" href="#constructorparameters" aria-label="Permalink to &quot;ConstructorParameters&quot;">​</a></h2><p>构造器类型和函数类型的区别就是可以被 new。</p><p>Parameters 用于提取函数参数的类型，而 ConstructorParameters 用于提取构造器参数的类型。</p><h2 id="instancetype" tabindex="-1">InstanceType <a class="header-anchor" href="#instancetype" aria-label="Permalink to &quot;InstanceType&quot;">​</a></h2><p>提取了构造器参数的类型，自然也可以提取构造器返回值的类型，就是 InstanceType。</p><h2 id="thisparametertype" tabindex="-1">ThisParameterType <a class="header-anchor" href="#thisparametertype" aria-label="Permalink to &quot;ThisParameterType&quot;">​</a></h2><h2 id="omitthisparameter" tabindex="-1">OmitThisParameter <a class="header-anchor" href="#omitthisparameter" aria-label="Permalink to &quot;OmitThisParameter&quot;">​</a></h2><h2 id="partial" tabindex="-1">Partial <a class="header-anchor" href="#partial" aria-label="Permalink to &quot;Partial&quot;">​</a></h2><h2 id="required" tabindex="-1">Required <a class="header-anchor" href="#required" aria-label="Permalink to &quot;Required&quot;">​</a></h2><h2 id="readonly" tabindex="-1">Readonly <a class="header-anchor" href="#readonly" aria-label="Permalink to &quot;Readonly&quot;">​</a></h2><h2 id="pick" tabindex="-1">Pick <a class="header-anchor" href="#pick" aria-label="Permalink to &quot;Pick&quot;">​</a></h2><h2 id="record" tabindex="-1">Record <a class="header-anchor" href="#record" aria-label="Permalink to &quot;Record&quot;">​</a></h2><h2 id="exclude" tabindex="-1">Exclude <a class="header-anchor" href="#exclude" aria-label="Permalink to &quot;Exclude&quot;">​</a></h2><h2 id="extract" tabindex="-1">Extract <a class="header-anchor" href="#extract" aria-label="Permalink to &quot;Extract&quot;">​</a></h2><h2 id="omit" tabindex="-1">Omit <a class="header-anchor" href="#omit" aria-label="Permalink to &quot;Omit&quot;">​</a></h2><h2 id="awaited" tabindex="-1">Awaited <a class="header-anchor" href="#awaited" aria-label="Permalink to &quot;Awaited&quot;">​</a></h2><h2 id="nonnullable" tabindex="-1">NonNullable <a class="header-anchor" href="#nonnullable" aria-label="Permalink to &quot;NonNullable&quot;">​</a></h2><h2 id="uppercase" tabindex="-1">Uppercase <a class="header-anchor" href="#uppercase" aria-label="Permalink to &quot;Uppercase&quot;">​</a></h2><h2 id="lowercase" tabindex="-1">Lowercase <a class="header-anchor" href="#lowercase" aria-label="Permalink to &quot;Lowercase&quot;">​</a></h2><h2 id="capitalize" tabindex="-1">Capitalize <a class="header-anchor" href="#capitalize" aria-label="Permalink to &quot;Capitalize&quot;">​</a></h2><h2 id="uncapitalize" tabindex="-1">Uncapitalize <a class="header-anchor" href="#uncapitalize" aria-label="Permalink to &quot;Uncapitalize&quot;">​</a></h2><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>比如用模式匹配可以实现：Parameters、ReturnType、ConstructorParameters、InstanceType、ThisParameterType。</p><p>用模式匹配 + 重新构造可以实现：OmitThisParameter</p><p>用重新构造可以实现：Partial、Required、Readonly、Pick、Record</p><p>用模式匹配 + 递归可以实现： Awaited</p><p>用联合类型在分布式条件类型的特性可以实现： Exclude</p><p>此外还有 NonNullable 和四个编译器内部实现的类型：Uppercase、Lowercase、Capitalize、Uncapitalize。</p>',33)]))}const m=e(o,[["render",l]]);export{u as __pageData,m as default};
+import{_ as e,o as r,c as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"TypeScript 内置的高级类型","description":"","frontmatter":{},"headers":[],"relativePath":"cn/src/types/高级类型.md","filePath":"cn/src/types/高级类型.md","lastUpdated":1728129344000}'),o={name:"cn/src/types/高级类型.md"};function l(n,a,h,c,s,d){return r(),t("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="typescript-内置的高级类型" tabindex="-1">TypeScript 内置的高级类型 <a class="header-anchor" href="#typescript-内置的高级类型" aria-label="Permalink to &quot;TypeScript 内置的高级类型&quot;">​</a></h1><h2 id="parameters" tabindex="-1">Parameters <a class="header-anchor" href="#parameters" aria-label="Permalink to &quot;Parameters&quot;">​</a></h2><p>Parameters 用于提取函数类型的参数类型。</p><h2 id="returntype" tabindex="-1">ReturnType <a class="header-anchor" href="#returntype" aria-label="Permalink to &quot;ReturnType&quot;">​</a></h2><p>ReturnType 用于提取函数类型的返回值类型。</p><h2 id="constructorparameters" tabindex="-1">ConstructorParameters <a class="header-anchor" href="#constructorparameters" aria-label="Permalink to &quot;ConstructorParameters&quot;">​</a></h2><p>构造器类型和函数类型的区别就是可以被 new。</p><p>Parameters 用于提取函数参数的类型，而 ConstructorParameters 用于提取构造器参数的类型。</p><h2 id="instancetype" tabindex="-1">InstanceType <a class="header-anchor" href="#instancetype" aria-label="Permalink to &quot;InstanceType&quot;">​</a></h2><p>提取了构造器参数的类型，自然也可以提取构造器返回值的类型，就是 InstanceType。</p><h2 id="thisparametertype" tabindex="-1">ThisParameterType <a class="header-anchor" href="#thisparametertype" aria-label="Permalink to &quot;ThisParameterType&quot;">​</a></h2><h2 id="omitthisparameter" tabindex="-1">OmitThisParameter <a class="header-anchor" href="#omitthisparameter" aria-label="Permalink to &quot;OmitThisParameter&quot;">​</a></h2><h2 id="partial" tabindex="-1">Partial <a class="header-anchor" href="#partial" aria-label="Permalink to &quot;Partial&quot;">​</a></h2><h2 id="required" tabindex="-1">Required <a class="header-anchor" href="#required" aria-label="Permalink to &quot;Required&quot;">​</a></h2><h2 id="readonly" tabindex="-1">Readonly <a class="header-anchor" href="#readonly" aria-label="Permalink to &quot;Readonly&quot;">​</a></h2><h2 id="pick" tabindex="-1">Pick <a class="header-anchor" href="#pick" aria-label="Permalink to &quot;Pick&quot;">​</a></h2><h2 id="record" tabindex="-1">Record <a class="header-anchor" href="#record" aria-label="Permalink to &quot;Record&quot;">​</a></h2><h2 id="exclude" tabindex="-1">Exclude <a class="header-anchor" href="#exclude" aria-label="Permalink to &quot;Exclude&quot;">​</a></h2><h2 id="extract" tabindex="-1">Extract <a class="header-anchor" href="#extract" aria-label="Permalink to &quot;Extract&quot;">​</a></h2><h2 id="omit" tabindex="-1">Omit <a class="header-anchor" href="#omit" aria-label="Permalink to &quot;Omit&quot;">​</a></h2><h2 id="awaited" tabindex="-1">Awaited <a class="header-anchor" href="#awaited" aria-label="Permalink to &quot;Awaited&quot;">​</a></h2><h2 id="nonnullable" tabindex="-1">NonNullable <a class="header-anchor" href="#nonnullable" aria-label="Permalink to &quot;NonNullable&quot;">​</a></h2><h2 id="uppercase" tabindex="-1">Uppercase <a class="header-anchor" href="#uppercase" aria-label="Permalink to &quot;Uppercase&quot;">​</a></h2><h2 id="lowercase" tabindex="-1">Lowercase <a class="header-anchor" href="#lowercase" aria-label="Permalink to &quot;Lowercase&quot;">​</a></h2><h2 id="capitalize" tabindex="-1">Capitalize <a class="header-anchor" href="#capitalize" aria-label="Permalink to &quot;Capitalize&quot;">​</a></h2><h2 id="uncapitalize" tabindex="-1">Uncapitalize <a class="header-anchor" href="#uncapitalize" aria-label="Permalink to &quot;Uncapitalize&quot;">​</a></h2><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>比如用模式匹配可以实现：Parameters、ReturnType、ConstructorParameters、InstanceType、ThisParameterType。</p><p>用模式匹配 + 重新构造可以实现：OmitThisParameter</p><p>用重新构造可以实现：Partial、Required、Readonly、Pick、Record</p><p>用模式匹配 + 递归可以实现： Awaited</p><p>用联合类型在分布式条件类型的特性可以实现： Exclude</p><p>此外还有 NonNullable 和四个编译器内部实现的类型：Uppercase、Lowercase、Capitalize、Uncapitalize。</p>',33)]))}const m=e(o,[["render",l]]);export{u as __pageData,m as default};
diff --git a/assets/index.md.C1mV7KLR.js b/assets/index.md.D7BH-fMN.js
similarity index 93%
rename from assets/index.md.C1mV7KLR.js
rename to assets/index.md.D7BH-fMN.js
index 2a5308c8bb..17864bd752 100644
--- a/assets/index.md.C1mV7KLR.js
+++ b/assets/index.md.D7BH-fMN.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a}from"./chunks/framework.eq-HTtE3.js";const h=JSON.parse(`{"title":"Home","description":"","frontmatter":{"layout":"home","title":"Home","hero":{"name":"ran","tagline":"A Troupe of little vagrants of the world , leave your footprints in my words .","image":{"src":"/home.svg","alt":"logo"},"actions":[{"theme":"brand","text":"Thanks to star","link":"https://github.com/chaxus/ran"},{"theme":"alt","text":"Visit my GitHub","link":"https://github.com/chaxus/ran"}]},"features":[{"icon":"⚡️","title":"record","details":"Every journey has its final day."},{"icon":"🛠️","title":"solve","details":"If you can't measure it, you can't improve it."},{"icon":"🖖","title":"share","details":"If you want to go fast, go alone. If you want to go far, go together."}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1728129125000}`),o={name:"index.md"};function i(n,r,s,l,c,d){return e(),a("div")}const u=t(o,[["render",i]]);export{h as __pageData,u as default};
+import{_ as t,o as e,c as a}from"./chunks/framework.eq-HTtE3.js";const h=JSON.parse(`{"title":"Home","description":"","frontmatter":{"layout":"home","title":"Home","hero":{"name":"ran","tagline":"A Troupe of little vagrants of the world , leave your footprints in my words .","image":{"src":"/home.svg","alt":"logo"},"actions":[{"theme":"brand","text":"Thanks to star","link":"https://github.com/chaxus/ran"},{"theme":"alt","text":"Visit my GitHub","link":"https://github.com/chaxus/ran"}]},"features":[{"icon":"⚡️","title":"record","details":"Every journey has its final day."},{"icon":"🛠️","title":"solve","details":"If you can't measure it, you can't improve it."},{"icon":"🖖","title":"share","details":"If you want to go fast, go alone. If you want to go far, go together."}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1728129344000}`),o={name:"index.md"};function i(n,r,s,l,c,d){return e(),a("div")}const u=t(o,[["render",i]]);export{h as __pageData,u as default};
diff --git a/assets/index.md.C1mV7KLR.lean.js b/assets/index.md.D7BH-fMN.lean.js
similarity index 93%
rename from assets/index.md.C1mV7KLR.lean.js
rename to assets/index.md.D7BH-fMN.lean.js
index 2a5308c8bb..17864bd752 100644
--- a/assets/index.md.C1mV7KLR.lean.js
+++ b/assets/index.md.D7BH-fMN.lean.js
@@ -1 +1 @@
-import{_ as t,o as e,c as a}from"./chunks/framework.eq-HTtE3.js";const h=JSON.parse(`{"title":"Home","description":"","frontmatter":{"layout":"home","title":"Home","hero":{"name":"ran","tagline":"A Troupe of little vagrants of the world , leave your footprints in my words .","image":{"src":"/home.svg","alt":"logo"},"actions":[{"theme":"brand","text":"Thanks to star","link":"https://github.com/chaxus/ran"},{"theme":"alt","text":"Visit my GitHub","link":"https://github.com/chaxus/ran"}]},"features":[{"icon":"⚡️","title":"record","details":"Every journey has its final day."},{"icon":"🛠️","title":"solve","details":"If you can't measure it, you can't improve it."},{"icon":"🖖","title":"share","details":"If you want to go fast, go alone. If you want to go far, go together."}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1728129125000}`),o={name:"index.md"};function i(n,r,s,l,c,d){return e(),a("div")}const u=t(o,[["render",i]]);export{h as __pageData,u as default};
+import{_ as t,o as e,c as a}from"./chunks/framework.eq-HTtE3.js";const h=JSON.parse(`{"title":"Home","description":"","frontmatter":{"layout":"home","title":"Home","hero":{"name":"ran","tagline":"A Troupe of little vagrants of the world , leave your footprints in my words .","image":{"src":"/home.svg","alt":"logo"},"actions":[{"theme":"brand","text":"Thanks to star","link":"https://github.com/chaxus/ran"},{"theme":"alt","text":"Visit my GitHub","link":"https://github.com/chaxus/ran"}]},"features":[{"icon":"⚡️","title":"record","details":"Every journey has its final day."},{"icon":"🛠️","title":"solve","details":"If you can't measure it, you can't improve it."},{"icon":"🖖","title":"share","details":"If you want to go fast, go alone. If you want to go far, go together."}]},"headers":[],"relativePath":"index.md","filePath":"index.md","lastUpdated":1728129344000}`),o={name:"index.md"};function i(n,r,s,l,c,d){return e(),a("div")}const u=t(o,[["render",i]]);export{h as __pageData,u as default};
diff --git a/assets/src_article_astParse_tokenizer.md.m5lyUfzX.js b/assets/src_article_astParse_tokenizer.md.CuCr3w1T.js
similarity index 99%
rename from assets/src_article_astParse_tokenizer.md.m5lyUfzX.js
rename to assets/src_article_astParse_tokenizer.md.CuCr3w1T.js
index 46a1a8ded1..185862b855 100644
--- a/assets/src_article_astParse_tokenizer.md.m5lyUfzX.js
+++ b/assets/src_article_astParse_tokenizer.md.CuCr3w1T.js
@@ -1,4 +1,4 @@
-import{_ as a,a as n,b as h,c as p,d as k,e as t,f as l,g as e,h as d,i as E,j as r,k as g,l as c,m as i,n as y}from"./chunks/extra.Cu56q3CZ.js";import{_ as o,o as F,c as C,a3 as A}from"./chunks/framework.eq-HTtE3.js";const S=JSON.parse('{"title":"Abstract Syntax Tree","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/astParse/tokenizer.md","filePath":"src/article/astParse/tokenizer.md","lastUpdated":1728129125000}'),u={name:"src/article/astParse/tokenizer.md"};function D(B,s,m,b,v,T){return F(),C("div",{"data-pagefind-body":!0},s[0]||(s[0]=[A('<h1 id="abstract-syntax-tree" tabindex="-1">Abstract Syntax Tree <a class="header-anchor" href="#abstract-syntax-tree" aria-label="Permalink to &quot;Abstract Syntax Tree&quot;">​</a></h1><h2 id="一-abstract-syntax-tree-抽象语法树的作用" tabindex="-1">一.（<code>abstract syntax tree</code>）抽象语法树的作用 <a class="header-anchor" href="#一-abstract-syntax-tree-抽象语法树的作用" aria-label="Permalink to &quot;一.（`abstract syntax tree`）抽象语法树的作用&quot;">​</a></h2><p>源码是一串按照语法格式来组织的字符串，人能够认识，但是计算机并不认识，想让计算机认识就要转成一种数据结构，通过不同的对象来保存不同的数据，并且按照依赖关系组织起来，这种数据结构就是抽象语法树（<code>abstract syntax tree</code>）。</p><p>之所以叫“抽象”语法树是因为数据结构中省略掉了一些无具体意义的分隔符比如 <code>; { }</code> 等。</p><p>有了 <code>AST</code>，计算机就能理解源码字符串的意思，而理解是能够转换的前提，所以编译的第一步需要把源码 <code>parse</code> 成 <code>AST</code>。</p><p>转成 <code>AST</code> 之后就可以通过修改 <code>AST</code> ，分析 <code>AST</code> 的方式来修改和分析代码，比如 <code>babel</code> 就通过这种方式进行代码的转换，比如 <code>rollup</code> 的 <code>Tree Shaking</code> ，就是通过分析 <code>AST</code>的 导入导出语法，从而分析出没有使用的代码，进行去除。</p><h2 id="二。常见的-ast-节点" tabindex="-1">二。常见的 AST 节点 <a class="header-anchor" href="#二。常见的-ast-节点" aria-label="Permalink to &quot;二。常见的 AST 节点&quot;">​</a></h2><p>常见的 AST 节点 AST 是对源码的抽象，字面量、标识符、表达式、语句、模块语法、class 语法都有各自的 AST。</p><p>我们分别来了解一下：</p><h3 id="literal" tabindex="-1">Literal <a class="header-anchor" href="#literal" aria-label="Permalink to &quot;Literal&quot;">​</a></h3><p><code>Literal</code> 是字面量的意思，比如 <code>let name = &#39;value&#39;</code>中，<code>&#39;value&#39;</code>就是一个字符串字面量 <code>StringLiteral</code>，相应的还有数字字面量 <code>NumericLiteral</code>，布尔字面量 <code>BooleanLiteral</code>，字符串字面量 <code>StringLiteral</code>，正则表达式字面量 <code>RegExpLiteral</code> 等。</p><p>下面这些字面量都有对应的 <code>Literal</code> 节点：</p><p><img src="'+a+`" alt=""></p><p>代码中的字面量很多，<code>babel</code> 就是通过 <code>xxLiteral</code> 来抽象这部分内容的。</p><h3 id="identifier" tabindex="-1">Identifier <a class="header-anchor" href="#identifier" aria-label="Permalink to &quot;Identifier&quot;">​</a></h3><p><code>Identifer</code> 是标识符的意思，变量名、属性名、参数名等各种声明和引用的名字，都是<code>Identifer</code>。</p><p>我们知道， <code>JS</code> 中的标识符只能包含字母或数字或下划线 <code>（“_”）</code> 或美元符号 <code>（“$”）</code> ，且不能以数字开头。这是 <code>Identifier</code> 的词法特点。</p><p>尝试分析一下，下面这一段代码里面有多少 <code>Identifier</code> 呢？</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as a,a as n,b as h,c as p,d as k,e as t,f as l,g as e,h as d,i as E,j as r,k as g,l as c,m as i,n as y}from"./chunks/extra.Cu56q3CZ.js";import{_ as o,o as F,c as C,a3 as A}from"./chunks/framework.eq-HTtE3.js";const S=JSON.parse('{"title":"Abstract Syntax Tree","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/astParse/tokenizer.md","filePath":"src/article/astParse/tokenizer.md","lastUpdated":1728129344000}'),u={name:"src/article/astParse/tokenizer.md"};function D(B,s,m,b,v,T){return F(),C("div",{"data-pagefind-body":!0},s[0]||(s[0]=[A('<h1 id="abstract-syntax-tree" tabindex="-1">Abstract Syntax Tree <a class="header-anchor" href="#abstract-syntax-tree" aria-label="Permalink to &quot;Abstract Syntax Tree&quot;">​</a></h1><h2 id="一-abstract-syntax-tree-抽象语法树的作用" tabindex="-1">一.（<code>abstract syntax tree</code>）抽象语法树的作用 <a class="header-anchor" href="#一-abstract-syntax-tree-抽象语法树的作用" aria-label="Permalink to &quot;一.（`abstract syntax tree`）抽象语法树的作用&quot;">​</a></h2><p>源码是一串按照语法格式来组织的字符串，人能够认识，但是计算机并不认识，想让计算机认识就要转成一种数据结构，通过不同的对象来保存不同的数据，并且按照依赖关系组织起来，这种数据结构就是抽象语法树（<code>abstract syntax tree</code>）。</p><p>之所以叫“抽象”语法树是因为数据结构中省略掉了一些无具体意义的分隔符比如 <code>; { }</code> 等。</p><p>有了 <code>AST</code>，计算机就能理解源码字符串的意思，而理解是能够转换的前提，所以编译的第一步需要把源码 <code>parse</code> 成 <code>AST</code>。</p><p>转成 <code>AST</code> 之后就可以通过修改 <code>AST</code> ，分析 <code>AST</code> 的方式来修改和分析代码，比如 <code>babel</code> 就通过这种方式进行代码的转换，比如 <code>rollup</code> 的 <code>Tree Shaking</code> ，就是通过分析 <code>AST</code>的 导入导出语法，从而分析出没有使用的代码，进行去除。</p><h2 id="二。常见的-ast-节点" tabindex="-1">二。常见的 AST 节点 <a class="header-anchor" href="#二。常见的-ast-节点" aria-label="Permalink to &quot;二。常见的 AST 节点&quot;">​</a></h2><p>常见的 AST 节点 AST 是对源码的抽象，字面量、标识符、表达式、语句、模块语法、class 语法都有各自的 AST。</p><p>我们分别来了解一下：</p><h3 id="literal" tabindex="-1">Literal <a class="header-anchor" href="#literal" aria-label="Permalink to &quot;Literal&quot;">​</a></h3><p><code>Literal</code> 是字面量的意思，比如 <code>let name = &#39;value&#39;</code>中，<code>&#39;value&#39;</code>就是一个字符串字面量 <code>StringLiteral</code>，相应的还有数字字面量 <code>NumericLiteral</code>，布尔字面量 <code>BooleanLiteral</code>，字符串字面量 <code>StringLiteral</code>，正则表达式字面量 <code>RegExpLiteral</code> 等。</p><p>下面这些字面量都有对应的 <code>Literal</code> 节点：</p><p><img src="'+a+`" alt=""></p><p>代码中的字面量很多，<code>babel</code> 就是通过 <code>xxLiteral</code> 来抽象这部分内容的。</p><h3 id="identifier" tabindex="-1">Identifier <a class="header-anchor" href="#identifier" aria-label="Permalink to &quot;Identifier&quot;">​</a></h3><p><code>Identifer</code> 是标识符的意思，变量名、属性名、参数名等各种声明和引用的名字，都是<code>Identifer</code>。</p><p>我们知道， <code>JS</code> 中的标识符只能包含字母或数字或下划线 <code>（“_”）</code> 或美元符号 <code>（“$”）</code> ，且不能以数字开头。这是 <code>Identifier</code> 的词法特点。</p><p>尝试分析一下，下面这一段代码里面有多少 <code>Identifier</code> 呢？</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> say</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(name);</span></span>
diff --git a/assets/src_article_astParse_tokenizer.md.m5lyUfzX.lean.js b/assets/src_article_astParse_tokenizer.md.CuCr3w1T.lean.js
similarity index 99%
rename from assets/src_article_astParse_tokenizer.md.m5lyUfzX.lean.js
rename to assets/src_article_astParse_tokenizer.md.CuCr3w1T.lean.js
index 46a1a8ded1..185862b855 100644
--- a/assets/src_article_astParse_tokenizer.md.m5lyUfzX.lean.js
+++ b/assets/src_article_astParse_tokenizer.md.CuCr3w1T.lean.js
@@ -1,4 +1,4 @@
-import{_ as a,a as n,b as h,c as p,d as k,e as t,f as l,g as e,h as d,i as E,j as r,k as g,l as c,m as i,n as y}from"./chunks/extra.Cu56q3CZ.js";import{_ as o,o as F,c as C,a3 as A}from"./chunks/framework.eq-HTtE3.js";const S=JSON.parse('{"title":"Abstract Syntax Tree","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/astParse/tokenizer.md","filePath":"src/article/astParse/tokenizer.md","lastUpdated":1728129125000}'),u={name:"src/article/astParse/tokenizer.md"};function D(B,s,m,b,v,T){return F(),C("div",{"data-pagefind-body":!0},s[0]||(s[0]=[A('<h1 id="abstract-syntax-tree" tabindex="-1">Abstract Syntax Tree <a class="header-anchor" href="#abstract-syntax-tree" aria-label="Permalink to &quot;Abstract Syntax Tree&quot;">​</a></h1><h2 id="一-abstract-syntax-tree-抽象语法树的作用" tabindex="-1">一.（<code>abstract syntax tree</code>）抽象语法树的作用 <a class="header-anchor" href="#一-abstract-syntax-tree-抽象语法树的作用" aria-label="Permalink to &quot;一.（`abstract syntax tree`）抽象语法树的作用&quot;">​</a></h2><p>源码是一串按照语法格式来组织的字符串，人能够认识，但是计算机并不认识，想让计算机认识就要转成一种数据结构，通过不同的对象来保存不同的数据，并且按照依赖关系组织起来，这种数据结构就是抽象语法树（<code>abstract syntax tree</code>）。</p><p>之所以叫“抽象”语法树是因为数据结构中省略掉了一些无具体意义的分隔符比如 <code>; { }</code> 等。</p><p>有了 <code>AST</code>，计算机就能理解源码字符串的意思，而理解是能够转换的前提，所以编译的第一步需要把源码 <code>parse</code> 成 <code>AST</code>。</p><p>转成 <code>AST</code> 之后就可以通过修改 <code>AST</code> ，分析 <code>AST</code> 的方式来修改和分析代码，比如 <code>babel</code> 就通过这种方式进行代码的转换，比如 <code>rollup</code> 的 <code>Tree Shaking</code> ，就是通过分析 <code>AST</code>的 导入导出语法，从而分析出没有使用的代码，进行去除。</p><h2 id="二。常见的-ast-节点" tabindex="-1">二。常见的 AST 节点 <a class="header-anchor" href="#二。常见的-ast-节点" aria-label="Permalink to &quot;二。常见的 AST 节点&quot;">​</a></h2><p>常见的 AST 节点 AST 是对源码的抽象，字面量、标识符、表达式、语句、模块语法、class 语法都有各自的 AST。</p><p>我们分别来了解一下：</p><h3 id="literal" tabindex="-1">Literal <a class="header-anchor" href="#literal" aria-label="Permalink to &quot;Literal&quot;">​</a></h3><p><code>Literal</code> 是字面量的意思，比如 <code>let name = &#39;value&#39;</code>中，<code>&#39;value&#39;</code>就是一个字符串字面量 <code>StringLiteral</code>，相应的还有数字字面量 <code>NumericLiteral</code>，布尔字面量 <code>BooleanLiteral</code>，字符串字面量 <code>StringLiteral</code>，正则表达式字面量 <code>RegExpLiteral</code> 等。</p><p>下面这些字面量都有对应的 <code>Literal</code> 节点：</p><p><img src="'+a+`" alt=""></p><p>代码中的字面量很多，<code>babel</code> 就是通过 <code>xxLiteral</code> 来抽象这部分内容的。</p><h3 id="identifier" tabindex="-1">Identifier <a class="header-anchor" href="#identifier" aria-label="Permalink to &quot;Identifier&quot;">​</a></h3><p><code>Identifer</code> 是标识符的意思，变量名、属性名、参数名等各种声明和引用的名字，都是<code>Identifer</code>。</p><p>我们知道， <code>JS</code> 中的标识符只能包含字母或数字或下划线 <code>（“_”）</code> 或美元符号 <code>（“$”）</code> ，且不能以数字开头。这是 <code>Identifier</code> 的词法特点。</p><p>尝试分析一下，下面这一段代码里面有多少 <code>Identifier</code> 呢？</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as a,a as n,b as h,c as p,d as k,e as t,f as l,g as e,h as d,i as E,j as r,k as g,l as c,m as i,n as y}from"./chunks/extra.Cu56q3CZ.js";import{_ as o,o as F,c as C,a3 as A}from"./chunks/framework.eq-HTtE3.js";const S=JSON.parse('{"title":"Abstract Syntax Tree","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/astParse/tokenizer.md","filePath":"src/article/astParse/tokenizer.md","lastUpdated":1728129344000}'),u={name:"src/article/astParse/tokenizer.md"};function D(B,s,m,b,v,T){return F(),C("div",{"data-pagefind-body":!0},s[0]||(s[0]=[A('<h1 id="abstract-syntax-tree" tabindex="-1">Abstract Syntax Tree <a class="header-anchor" href="#abstract-syntax-tree" aria-label="Permalink to &quot;Abstract Syntax Tree&quot;">​</a></h1><h2 id="一-abstract-syntax-tree-抽象语法树的作用" tabindex="-1">一.（<code>abstract syntax tree</code>）抽象语法树的作用 <a class="header-anchor" href="#一-abstract-syntax-tree-抽象语法树的作用" aria-label="Permalink to &quot;一.（`abstract syntax tree`）抽象语法树的作用&quot;">​</a></h2><p>源码是一串按照语法格式来组织的字符串，人能够认识，但是计算机并不认识，想让计算机认识就要转成一种数据结构，通过不同的对象来保存不同的数据，并且按照依赖关系组织起来，这种数据结构就是抽象语法树（<code>abstract syntax tree</code>）。</p><p>之所以叫“抽象”语法树是因为数据结构中省略掉了一些无具体意义的分隔符比如 <code>; { }</code> 等。</p><p>有了 <code>AST</code>，计算机就能理解源码字符串的意思，而理解是能够转换的前提，所以编译的第一步需要把源码 <code>parse</code> 成 <code>AST</code>。</p><p>转成 <code>AST</code> 之后就可以通过修改 <code>AST</code> ，分析 <code>AST</code> 的方式来修改和分析代码，比如 <code>babel</code> 就通过这种方式进行代码的转换，比如 <code>rollup</code> 的 <code>Tree Shaking</code> ，就是通过分析 <code>AST</code>的 导入导出语法，从而分析出没有使用的代码，进行去除。</p><h2 id="二。常见的-ast-节点" tabindex="-1">二。常见的 AST 节点 <a class="header-anchor" href="#二。常见的-ast-节点" aria-label="Permalink to &quot;二。常见的 AST 节点&quot;">​</a></h2><p>常见的 AST 节点 AST 是对源码的抽象，字面量、标识符、表达式、语句、模块语法、class 语法都有各自的 AST。</p><p>我们分别来了解一下：</p><h3 id="literal" tabindex="-1">Literal <a class="header-anchor" href="#literal" aria-label="Permalink to &quot;Literal&quot;">​</a></h3><p><code>Literal</code> 是字面量的意思，比如 <code>let name = &#39;value&#39;</code>中，<code>&#39;value&#39;</code>就是一个字符串字面量 <code>StringLiteral</code>，相应的还有数字字面量 <code>NumericLiteral</code>，布尔字面量 <code>BooleanLiteral</code>，字符串字面量 <code>StringLiteral</code>，正则表达式字面量 <code>RegExpLiteral</code> 等。</p><p>下面这些字面量都有对应的 <code>Literal</code> 节点：</p><p><img src="'+a+`" alt=""></p><p>代码中的字面量很多，<code>babel</code> 就是通过 <code>xxLiteral</code> 来抽象这部分内容的。</p><h3 id="identifier" tabindex="-1">Identifier <a class="header-anchor" href="#identifier" aria-label="Permalink to &quot;Identifier&quot;">​</a></h3><p><code>Identifer</code> 是标识符的意思，变量名、属性名、参数名等各种声明和引用的名字，都是<code>Identifer</code>。</p><p>我们知道， <code>JS</code> 中的标识符只能包含字母或数字或下划线 <code>（“_”）</code> 或美元符号 <code>（“$”）</code> ，且不能以数字开头。这是 <code>Identifier</code> 的词法特点。</p><p>尝试分析一下，下面这一段代码里面有多少 <code>Identifier</code> 呢？</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> say</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(name);</span></span>
diff --git a/assets/src_article_babel.md.D0mGQXMo.js b/assets/src_article_babel.md.Cy_u0Zgd.js
similarity index 95%
rename from assets/src_article_babel.md.D0mGQXMo.js
rename to assets/src_article_babel.md.Cy_u0Zgd.js
index 6a171725d5..41d76580db 100644
--- a/assets/src_article_babel.md.D0mGQXMo.js
+++ b/assets/src_article_babel.md.Cy_u0Zgd.js
@@ -1 +1 @@
-import{_ as a,o as t,c as l,a3 as r}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"Babel","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/babel.md","filePath":"src/article/babel.md","lastUpdated":1728129125000}'),i={name:"src/article/babel.md"};function s(b,e,o,p,c,n){return t(),l("div",{"data-pagefind-body":!0},e[0]||(e[0]=[r('<h1 id="babel" tabindex="-1">Babel <a class="header-anchor" href="#babel" aria-label="Permalink to &quot;Babel&quot;">​</a></h1><p>babel 核心库主要是：</p><ul><li>@babel/parser 对源码进行 parse，可以通过 plugins、sourceType 等来指定 parse 语法，功能是把源码转成 AST。</li><li>@babel/traverse 通过 visitor 函数对遍历到的 ast 进行处理，分为 enter 和 exit 两个阶段，具体操作 AST 使用 path 的 api，还可以通过 state 来在遍历过程中传递一些数据</li><li>@babel/types 用于创建、判断 AST 节点，提供了 xxx、isXxx、assertXxx 的 api</li><li>@babel/template 当需要批量创建 AST 的时候可以使用 @babel/template 来简化 AST 创建逻辑。</li><li>@babel/code-frame 可以创建友好的报错信息</li><li>@babel/generator 打印 AST 成目标代码字符串，支持 comments、minified、sourceMaps 等选项。</li><li>@babel/core 基于上面的包来完成 babel 的编译流程，并应用 plugin 和 preset。</li></ul>',3)]))}const u=a(i,[["render",s]]);export{m as __pageData,u as default};
+import{_ as a,o as t,c as l,a3 as r}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"Babel","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/babel.md","filePath":"src/article/babel.md","lastUpdated":1728129344000}'),i={name:"src/article/babel.md"};function s(b,e,o,p,c,n){return t(),l("div",{"data-pagefind-body":!0},e[0]||(e[0]=[r('<h1 id="babel" tabindex="-1">Babel <a class="header-anchor" href="#babel" aria-label="Permalink to &quot;Babel&quot;">​</a></h1><p>babel 核心库主要是：</p><ul><li>@babel/parser 对源码进行 parse，可以通过 plugins、sourceType 等来指定 parse 语法，功能是把源码转成 AST。</li><li>@babel/traverse 通过 visitor 函数对遍历到的 ast 进行处理，分为 enter 和 exit 两个阶段，具体操作 AST 使用 path 的 api，还可以通过 state 来在遍历过程中传递一些数据</li><li>@babel/types 用于创建、判断 AST 节点，提供了 xxx、isXxx、assertXxx 的 api</li><li>@babel/template 当需要批量创建 AST 的时候可以使用 @babel/template 来简化 AST 创建逻辑。</li><li>@babel/code-frame 可以创建友好的报错信息</li><li>@babel/generator 打印 AST 成目标代码字符串，支持 comments、minified、sourceMaps 等选项。</li><li>@babel/core 基于上面的包来完成 babel 的编译流程，并应用 plugin 和 preset。</li></ul>',3)]))}const u=a(i,[["render",s]]);export{m as __pageData,u as default};
diff --git a/assets/src_article_babel.md.D0mGQXMo.lean.js b/assets/src_article_babel.md.Cy_u0Zgd.lean.js
similarity index 95%
rename from assets/src_article_babel.md.D0mGQXMo.lean.js
rename to assets/src_article_babel.md.Cy_u0Zgd.lean.js
index 6a171725d5..41d76580db 100644
--- a/assets/src_article_babel.md.D0mGQXMo.lean.js
+++ b/assets/src_article_babel.md.Cy_u0Zgd.lean.js
@@ -1 +1 @@
-import{_ as a,o as t,c as l,a3 as r}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"Babel","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/babel.md","filePath":"src/article/babel.md","lastUpdated":1728129125000}'),i={name:"src/article/babel.md"};function s(b,e,o,p,c,n){return t(),l("div",{"data-pagefind-body":!0},e[0]||(e[0]=[r('<h1 id="babel" tabindex="-1">Babel <a class="header-anchor" href="#babel" aria-label="Permalink to &quot;Babel&quot;">​</a></h1><p>babel 核心库主要是：</p><ul><li>@babel/parser 对源码进行 parse，可以通过 plugins、sourceType 等来指定 parse 语法，功能是把源码转成 AST。</li><li>@babel/traverse 通过 visitor 函数对遍历到的 ast 进行处理，分为 enter 和 exit 两个阶段，具体操作 AST 使用 path 的 api，还可以通过 state 来在遍历过程中传递一些数据</li><li>@babel/types 用于创建、判断 AST 节点，提供了 xxx、isXxx、assertXxx 的 api</li><li>@babel/template 当需要批量创建 AST 的时候可以使用 @babel/template 来简化 AST 创建逻辑。</li><li>@babel/code-frame 可以创建友好的报错信息</li><li>@babel/generator 打印 AST 成目标代码字符串，支持 comments、minified、sourceMaps 等选项。</li><li>@babel/core 基于上面的包来完成 babel 的编译流程，并应用 plugin 和 preset。</li></ul>',3)]))}const u=a(i,[["render",s]]);export{m as __pageData,u as default};
+import{_ as a,o as t,c as l,a3 as r}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"Babel","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/babel.md","filePath":"src/article/babel.md","lastUpdated":1728129344000}'),i={name:"src/article/babel.md"};function s(b,e,o,p,c,n){return t(),l("div",{"data-pagefind-body":!0},e[0]||(e[0]=[r('<h1 id="babel" tabindex="-1">Babel <a class="header-anchor" href="#babel" aria-label="Permalink to &quot;Babel&quot;">​</a></h1><p>babel 核心库主要是：</p><ul><li>@babel/parser 对源码进行 parse，可以通过 plugins、sourceType 等来指定 parse 语法，功能是把源码转成 AST。</li><li>@babel/traverse 通过 visitor 函数对遍历到的 ast 进行处理，分为 enter 和 exit 两个阶段，具体操作 AST 使用 path 的 api，还可以通过 state 来在遍历过程中传递一些数据</li><li>@babel/types 用于创建、判断 AST 节点，提供了 xxx、isXxx、assertXxx 的 api</li><li>@babel/template 当需要批量创建 AST 的时候可以使用 @babel/template 来简化 AST 创建逻辑。</li><li>@babel/code-frame 可以创建友好的报错信息</li><li>@babel/generator 打印 AST 成目标代码字符串，支持 comments、minified、sourceMaps 等选项。</li><li>@babel/core 基于上面的包来完成 babel 的编译流程，并应用 plugin 和 preset。</li></ul>',3)]))}const u=a(i,[["render",s]]);export{m as __pageData,u as default};
diff --git a/assets/src_article_bundle.md.BvqfF4Lk.js b/assets/src_article_bundle.md.CJFsaLBq.js
similarity index 93%
rename from assets/src_article_bundle.md.BvqfF4Lk.js
rename to assets/src_article_bundle.md.CJFsaLBq.js
index b7efd7ceb2..e2e414a0ea 100644
--- a/assets/src_article_bundle.md.BvqfF4Lk.js
+++ b/assets/src_article_bundle.md.CJFsaLBq.js
@@ -1 +1 @@
-import{_ as a,o as t,c as n,j as e,a as r}from"./chunks/framework.eq-HTtE3.js";const f=JSON.parse('{"title":"Bundle","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/bundle.md","filePath":"src/article/bundle.md","lastUpdated":1728129125000}'),d={name:"src/article/bundle.md"};function s(i,l,c,o,u,p){return t(),n("div",{"data-pagefind-body":!0},l[0]||(l[0]=[e("h1",{id:"bundle",tabindex:"-1"},[r("Bundle "),e("a",{class:"header-anchor",href:"#bundle","aria-label":'Permalink to "Bundle"'},"​")],-1),e("p",null,"Bundle 的本质就是输入，转换，输出。在机器上直接运行的代码，往往都难以维护和理解，我们需要将开发者方便理解和维护的代码，通过打包等工具转换成方便机器或者程序使用的代码。对于 web 前端来说，打包工具，至少需要以下功能：",-1),e("ul",null,[e("li",null,"编译能力"),e("li",null,"插件机制"),e("li",null,"HMR"),e("li",null,"cli 和命令行能力")],-1)]))}const m=a(d,[["render",s]]);export{f as __pageData,m as default};
+import{_ as a,o as t,c as n,j as e,a as r}from"./chunks/framework.eq-HTtE3.js";const f=JSON.parse('{"title":"Bundle","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/bundle.md","filePath":"src/article/bundle.md","lastUpdated":1728129344000}'),d={name:"src/article/bundle.md"};function s(i,l,c,o,u,p){return t(),n("div",{"data-pagefind-body":!0},l[0]||(l[0]=[e("h1",{id:"bundle",tabindex:"-1"},[r("Bundle "),e("a",{class:"header-anchor",href:"#bundle","aria-label":'Permalink to "Bundle"'},"​")],-1),e("p",null,"Bundle 的本质就是输入，转换，输出。在机器上直接运行的代码，往往都难以维护和理解，我们需要将开发者方便理解和维护的代码，通过打包等工具转换成方便机器或者程序使用的代码。对于 web 前端来说，打包工具，至少需要以下功能：",-1),e("ul",null,[e("li",null,"编译能力"),e("li",null,"插件机制"),e("li",null,"HMR"),e("li",null,"cli 和命令行能力")],-1)]))}const m=a(d,[["render",s]]);export{f as __pageData,m as default};
diff --git a/assets/src_article_bundle.md.BvqfF4Lk.lean.js b/assets/src_article_bundle.md.CJFsaLBq.lean.js
similarity index 93%
rename from assets/src_article_bundle.md.BvqfF4Lk.lean.js
rename to assets/src_article_bundle.md.CJFsaLBq.lean.js
index b7efd7ceb2..e2e414a0ea 100644
--- a/assets/src_article_bundle.md.BvqfF4Lk.lean.js
+++ b/assets/src_article_bundle.md.CJFsaLBq.lean.js
@@ -1 +1 @@
-import{_ as a,o as t,c as n,j as e,a as r}from"./chunks/framework.eq-HTtE3.js";const f=JSON.parse('{"title":"Bundle","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/bundle.md","filePath":"src/article/bundle.md","lastUpdated":1728129125000}'),d={name:"src/article/bundle.md"};function s(i,l,c,o,u,p){return t(),n("div",{"data-pagefind-body":!0},l[0]||(l[0]=[e("h1",{id:"bundle",tabindex:"-1"},[r("Bundle "),e("a",{class:"header-anchor",href:"#bundle","aria-label":'Permalink to "Bundle"'},"​")],-1),e("p",null,"Bundle 的本质就是输入，转换，输出。在机器上直接运行的代码，往往都难以维护和理解，我们需要将开发者方便理解和维护的代码，通过打包等工具转换成方便机器或者程序使用的代码。对于 web 前端来说，打包工具，至少需要以下功能：",-1),e("ul",null,[e("li",null,"编译能力"),e("li",null,"插件机制"),e("li",null,"HMR"),e("li",null,"cli 和命令行能力")],-1)]))}const m=a(d,[["render",s]]);export{f as __pageData,m as default};
+import{_ as a,o as t,c as n,j as e,a as r}from"./chunks/framework.eq-HTtE3.js";const f=JSON.parse('{"title":"Bundle","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/bundle.md","filePath":"src/article/bundle.md","lastUpdated":1728129344000}'),d={name:"src/article/bundle.md"};function s(i,l,c,o,u,p){return t(),n("div",{"data-pagefind-body":!0},l[0]||(l[0]=[e("h1",{id:"bundle",tabindex:"-1"},[r("Bundle "),e("a",{class:"header-anchor",href:"#bundle","aria-label":'Permalink to "Bundle"'},"​")],-1),e("p",null,"Bundle 的本质就是输入，转换，输出。在机器上直接运行的代码，往往都难以维护和理解，我们需要将开发者方便理解和维护的代码，通过打包等工具转换成方便机器或者程序使用的代码。对于 web 前端来说，打包工具，至少需要以下功能：",-1),e("ul",null,[e("li",null,"编译能力"),e("li",null,"插件机制"),e("li",null,"HMR"),e("li",null,"cli 和命令行能力")],-1)]))}const m=a(d,[["render",s]]);export{f as __pageData,m as default};
diff --git a/assets/src_article_designMode.md.DWnxNFS_.js b/assets/src_article_designMode.md.CsQyDQ9L.js
similarity index 99%
rename from assets/src_article_designMode.md.DWnxNFS_.js
rename to assets/src_article_designMode.md.CsQyDQ9L.js
index 84ddb902ce..815bffdd0a 100644
--- a/assets/src_article_designMode.md.DWnxNFS_.js
+++ b/assets/src_article_designMode.md.CsQyDQ9L.js
@@ -1,4 +1,4 @@
-import{_ as i,a,b as n,c as e,d as t,e as h,f as l,g as p,h as k,i as r,j as o,k as d,l as E,m as c,n as g,o as y,p as F,q as u,r as m,s as b,t as f,u as C,v as A,w as B,x as v,y as D,z as w,A as x,B as j}from"./chunks/访问者._0swtoJg.js";import{_ as q,o as P,c as T,a3 as _}from"./chunks/framework.eq-HTtE3.js";const U=JSON.parse('{"title":"23 classic design patterns","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/designMode.md","filePath":"src/article/designMode.md","lastUpdated":1728129125000}'),I={name:"src/article/designMode.md"};function S(M,s,z,L,V,W){return P(),T("div",{"data-pagefind-body":!0},s[0]||(s[0]=[_(`<h1 id="_23-classic-design-patterns" tabindex="-1">23 classic design patterns <a class="header-anchor" href="#_23-classic-design-patterns" aria-label="Permalink to &quot;23 classic design patterns&quot;">​</a></h1><blockquote><p>The Design Pattern is a set of frequently used, widely known, cataloged code design experiences that are used in order to reuse code, make it easier for others to understand, and ensure code reliability.</p></blockquote><p>In the book &quot;Design Patterns: The Foundation of Reusable Object-Oriented Software&quot; introduced 23 classic design patterns, but the design pattern is not only these 23, with the development of software development industry, more and more new patterns continue to be born and applied. Experienced developers learn design patterns that can be corroborated with past experience, making it easier to understand them.</p><p>A design pattern generally contains elements such as the pattern name, problem, purpose, solution, and effect. The problem describes when patterns should be used, and it contains problems with the design and why they exist. A solution describes the components of a design pattern and how these components relate to each other, their respective responsibilities, and how they work together. Typically, the solution is described through UML class diagrams and core code. Effects describe the advantages and disadvantages of the pattern and the trade-offs that should be made when using the pattern.</p><p><strong>Why learn design patterns</strong>:</p><ul><li><p>Design patterns are derived from the experience and wisdom of many experts. They are successful and reusable design solutions from many excellent software systems. Using these solutions will allow us to avoid doing some repetitive work</p></li><li><p>Design patterns provide a common set of design vocabulary and a common form to facilitate communication and exchange between developers, making design solutions more understandable</p></li><li><p>Most of the design patterns take into account the reusability and extensibility of the system, which enables us to better reuse some existing design schemes, functional modules and even a complete software system, so as to avoid us often doing some repetitive design and writing some repetitive code</p></li><li><p>Proper use of design patterns and documentation of their use will help others understand the system more quickly</p></li><li><p>Learning design patterns will help beginners understand object-oriented ideas more deeply</p></li></ul><p><strong>Reserve knowledge</strong>：</p><ul><li><p>Abstract class: The general abstract class is as a base class, for example, &quot;computer&quot; can be used as an abstract class, according to the abstract class derived &quot;desktop computer&quot; and &quot;laptop computer&quot; 2 concrete classes. Abstract classes are generally not instantiated.</p></li><li><p>Combination is better than inheritance: inheritance cannot be abused to expand functionality, and combination is more flexible. Also take the &quot;computer&quot; abstract class for example, if we use inheritance to distinguish different types of &quot;computer&quot; we can derive &quot;desktop computer&quot; and &quot;laptop computer&quot;, if we add another dimension, according to the brand can continue to subdivide &quot;Lenovo desktop computer&quot;, &quot;Lenovo laptop&quot;, &quot;Apple desktop computer&quot; and &quot;Apple laptop&quot; and so on. If you add another dimension and continue to subdivide, it is clear that inheritance is not adequate. At this time, you can use inheritance and composition, and the combined object can also be abstract design:</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Brand</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i,a,b as n,c as e,d as t,e as h,f as l,g as p,h as k,i as r,j as o,k as d,l as E,m as c,n as g,o as y,p as F,q as u,r as m,s as b,t as f,u as C,v as A,w as B,x as v,y as D,z as w,A as x,B as j}from"./chunks/访问者._0swtoJg.js";import{_ as q,o as P,c as T,a3 as _}from"./chunks/framework.eq-HTtE3.js";const U=JSON.parse('{"title":"23 classic design patterns","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/designMode.md","filePath":"src/article/designMode.md","lastUpdated":1728129344000}'),I={name:"src/article/designMode.md"};function S(M,s,z,L,V,W){return P(),T("div",{"data-pagefind-body":!0},s[0]||(s[0]=[_(`<h1 id="_23-classic-design-patterns" tabindex="-1">23 classic design patterns <a class="header-anchor" href="#_23-classic-design-patterns" aria-label="Permalink to &quot;23 classic design patterns&quot;">​</a></h1><blockquote><p>The Design Pattern is a set of frequently used, widely known, cataloged code design experiences that are used in order to reuse code, make it easier for others to understand, and ensure code reliability.</p></blockquote><p>In the book &quot;Design Patterns: The Foundation of Reusable Object-Oriented Software&quot; introduced 23 classic design patterns, but the design pattern is not only these 23, with the development of software development industry, more and more new patterns continue to be born and applied. Experienced developers learn design patterns that can be corroborated with past experience, making it easier to understand them.</p><p>A design pattern generally contains elements such as the pattern name, problem, purpose, solution, and effect. The problem describes when patterns should be used, and it contains problems with the design and why they exist. A solution describes the components of a design pattern and how these components relate to each other, their respective responsibilities, and how they work together. Typically, the solution is described through UML class diagrams and core code. Effects describe the advantages and disadvantages of the pattern and the trade-offs that should be made when using the pattern.</p><p><strong>Why learn design patterns</strong>:</p><ul><li><p>Design patterns are derived from the experience and wisdom of many experts. They are successful and reusable design solutions from many excellent software systems. Using these solutions will allow us to avoid doing some repetitive work</p></li><li><p>Design patterns provide a common set of design vocabulary and a common form to facilitate communication and exchange between developers, making design solutions more understandable</p></li><li><p>Most of the design patterns take into account the reusability and extensibility of the system, which enables us to better reuse some existing design schemes, functional modules and even a complete software system, so as to avoid us often doing some repetitive design and writing some repetitive code</p></li><li><p>Proper use of design patterns and documentation of their use will help others understand the system more quickly</p></li><li><p>Learning design patterns will help beginners understand object-oriented ideas more deeply</p></li></ul><p><strong>Reserve knowledge</strong>：</p><ul><li><p>Abstract class: The general abstract class is as a base class, for example, &quot;computer&quot; can be used as an abstract class, according to the abstract class derived &quot;desktop computer&quot; and &quot;laptop computer&quot; 2 concrete classes. Abstract classes are generally not instantiated.</p></li><li><p>Combination is better than inheritance: inheritance cannot be abused to expand functionality, and combination is more flexible. Also take the &quot;computer&quot; abstract class for example, if we use inheritance to distinguish different types of &quot;computer&quot; we can derive &quot;desktop computer&quot; and &quot;laptop computer&quot;, if we add another dimension, according to the brand can continue to subdivide &quot;Lenovo desktop computer&quot;, &quot;Lenovo laptop&quot;, &quot;Apple desktop computer&quot; and &quot;Apple laptop&quot; and so on. If you add another dimension and continue to subdivide, it is clear that inheritance is not adequate. At this time, you can use inheritance and composition, and the combined object can also be abstract design:</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Brand</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // ...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Lenovo</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Brand</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
diff --git a/assets/src_article_designMode.md.DWnxNFS_.lean.js b/assets/src_article_designMode.md.CsQyDQ9L.lean.js
similarity index 99%
rename from assets/src_article_designMode.md.DWnxNFS_.lean.js
rename to assets/src_article_designMode.md.CsQyDQ9L.lean.js
index 84ddb902ce..815bffdd0a 100644
--- a/assets/src_article_designMode.md.DWnxNFS_.lean.js
+++ b/assets/src_article_designMode.md.CsQyDQ9L.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,a,b as n,c as e,d as t,e as h,f as l,g as p,h as k,i as r,j as o,k as d,l as E,m as c,n as g,o as y,p as F,q as u,r as m,s as b,t as f,u as C,v as A,w as B,x as v,y as D,z as w,A as x,B as j}from"./chunks/访问者._0swtoJg.js";import{_ as q,o as P,c as T,a3 as _}from"./chunks/framework.eq-HTtE3.js";const U=JSON.parse('{"title":"23 classic design patterns","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/designMode.md","filePath":"src/article/designMode.md","lastUpdated":1728129125000}'),I={name:"src/article/designMode.md"};function S(M,s,z,L,V,W){return P(),T("div",{"data-pagefind-body":!0},s[0]||(s[0]=[_(`<h1 id="_23-classic-design-patterns" tabindex="-1">23 classic design patterns <a class="header-anchor" href="#_23-classic-design-patterns" aria-label="Permalink to &quot;23 classic design patterns&quot;">​</a></h1><blockquote><p>The Design Pattern is a set of frequently used, widely known, cataloged code design experiences that are used in order to reuse code, make it easier for others to understand, and ensure code reliability.</p></blockquote><p>In the book &quot;Design Patterns: The Foundation of Reusable Object-Oriented Software&quot; introduced 23 classic design patterns, but the design pattern is not only these 23, with the development of software development industry, more and more new patterns continue to be born and applied. Experienced developers learn design patterns that can be corroborated with past experience, making it easier to understand them.</p><p>A design pattern generally contains elements such as the pattern name, problem, purpose, solution, and effect. The problem describes when patterns should be used, and it contains problems with the design and why they exist. A solution describes the components of a design pattern and how these components relate to each other, their respective responsibilities, and how they work together. Typically, the solution is described through UML class diagrams and core code. Effects describe the advantages and disadvantages of the pattern and the trade-offs that should be made when using the pattern.</p><p><strong>Why learn design patterns</strong>:</p><ul><li><p>Design patterns are derived from the experience and wisdom of many experts. They are successful and reusable design solutions from many excellent software systems. Using these solutions will allow us to avoid doing some repetitive work</p></li><li><p>Design patterns provide a common set of design vocabulary and a common form to facilitate communication and exchange between developers, making design solutions more understandable</p></li><li><p>Most of the design patterns take into account the reusability and extensibility of the system, which enables us to better reuse some existing design schemes, functional modules and even a complete software system, so as to avoid us often doing some repetitive design and writing some repetitive code</p></li><li><p>Proper use of design patterns and documentation of their use will help others understand the system more quickly</p></li><li><p>Learning design patterns will help beginners understand object-oriented ideas more deeply</p></li></ul><p><strong>Reserve knowledge</strong>：</p><ul><li><p>Abstract class: The general abstract class is as a base class, for example, &quot;computer&quot; can be used as an abstract class, according to the abstract class derived &quot;desktop computer&quot; and &quot;laptop computer&quot; 2 concrete classes. Abstract classes are generally not instantiated.</p></li><li><p>Combination is better than inheritance: inheritance cannot be abused to expand functionality, and combination is more flexible. Also take the &quot;computer&quot; abstract class for example, if we use inheritance to distinguish different types of &quot;computer&quot; we can derive &quot;desktop computer&quot; and &quot;laptop computer&quot;, if we add another dimension, according to the brand can continue to subdivide &quot;Lenovo desktop computer&quot;, &quot;Lenovo laptop&quot;, &quot;Apple desktop computer&quot; and &quot;Apple laptop&quot; and so on. If you add another dimension and continue to subdivide, it is clear that inheritance is not adequate. At this time, you can use inheritance and composition, and the combined object can also be abstract design:</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Brand</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i,a,b as n,c as e,d as t,e as h,f as l,g as p,h as k,i as r,j as o,k as d,l as E,m as c,n as g,o as y,p as F,q as u,r as m,s as b,t as f,u as C,v as A,w as B,x as v,y as D,z as w,A as x,B as j}from"./chunks/访问者._0swtoJg.js";import{_ as q,o as P,c as T,a3 as _}from"./chunks/framework.eq-HTtE3.js";const U=JSON.parse('{"title":"23 classic design patterns","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/designMode.md","filePath":"src/article/designMode.md","lastUpdated":1728129344000}'),I={name:"src/article/designMode.md"};function S(M,s,z,L,V,W){return P(),T("div",{"data-pagefind-body":!0},s[0]||(s[0]=[_(`<h1 id="_23-classic-design-patterns" tabindex="-1">23 classic design patterns <a class="header-anchor" href="#_23-classic-design-patterns" aria-label="Permalink to &quot;23 classic design patterns&quot;">​</a></h1><blockquote><p>The Design Pattern is a set of frequently used, widely known, cataloged code design experiences that are used in order to reuse code, make it easier for others to understand, and ensure code reliability.</p></blockquote><p>In the book &quot;Design Patterns: The Foundation of Reusable Object-Oriented Software&quot; introduced 23 classic design patterns, but the design pattern is not only these 23, with the development of software development industry, more and more new patterns continue to be born and applied. Experienced developers learn design patterns that can be corroborated with past experience, making it easier to understand them.</p><p>A design pattern generally contains elements such as the pattern name, problem, purpose, solution, and effect. The problem describes when patterns should be used, and it contains problems with the design and why they exist. A solution describes the components of a design pattern and how these components relate to each other, their respective responsibilities, and how they work together. Typically, the solution is described through UML class diagrams and core code. Effects describe the advantages and disadvantages of the pattern and the trade-offs that should be made when using the pattern.</p><p><strong>Why learn design patterns</strong>:</p><ul><li><p>Design patterns are derived from the experience and wisdom of many experts. They are successful and reusable design solutions from many excellent software systems. Using these solutions will allow us to avoid doing some repetitive work</p></li><li><p>Design patterns provide a common set of design vocabulary and a common form to facilitate communication and exchange between developers, making design solutions more understandable</p></li><li><p>Most of the design patterns take into account the reusability and extensibility of the system, which enables us to better reuse some existing design schemes, functional modules and even a complete software system, so as to avoid us often doing some repetitive design and writing some repetitive code</p></li><li><p>Proper use of design patterns and documentation of their use will help others understand the system more quickly</p></li><li><p>Learning design patterns will help beginners understand object-oriented ideas more deeply</p></li></ul><p><strong>Reserve knowledge</strong>：</p><ul><li><p>Abstract class: The general abstract class is as a base class, for example, &quot;computer&quot; can be used as an abstract class, according to the abstract class derived &quot;desktop computer&quot; and &quot;laptop computer&quot; 2 concrete classes. Abstract classes are generally not instantiated.</p></li><li><p>Combination is better than inheritance: inheritance cannot be abused to expand functionality, and combination is more flexible. Also take the &quot;computer&quot; abstract class for example, if we use inheritance to distinguish different types of &quot;computer&quot; we can derive &quot;desktop computer&quot; and &quot;laptop computer&quot;, if we add another dimension, according to the brand can continue to subdivide &quot;Lenovo desktop computer&quot;, &quot;Lenovo laptop&quot;, &quot;Apple desktop computer&quot; and &quot;Apple laptop&quot; and so on. If you add another dimension and continue to subdivide, it is clear that inheritance is not adequate. At this time, you can use inheritance and composition, and the combined object can also be abstract design:</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Brand</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // ...</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Lenovo</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Brand</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
diff --git a/assets/src_article_functionalProgramming.md.Bbl-kdPi.js b/assets/src_article_functionalProgramming.md.BPj6iTX9.js
similarity index 99%
rename from assets/src_article_functionalProgramming.md.Bbl-kdPi.js
rename to assets/src_article_functionalProgramming.md.BPj6iTX9.js
index 97305b7909..8b4ed7fa32 100644
--- a/assets/src_article_functionalProgramming.md.Bbl-kdPi.js
+++ b/assets/src_article_functionalProgramming.md.BPj6iTX9.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"函数式编程","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/functionalProgramming.md","filePath":"src/article/functionalProgramming.md","lastUpdated":1728129125000}'),k={name:"src/article/functionalProgramming.md"};function l(p,s,t,E,e,r){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="函数式编程" tabindex="-1">函数式编程 <a class="header-anchor" href="#函数式编程" aria-label="Permalink to &quot;函数式编程&quot;">​</a></h1><ul><li>概述：函数式编程 (<code>Functional Programming</code>)<code>FP</code>就是编程规范之一，我们常听说的编程规范还有面向对象编程，面向过程编程。</li><li>面向对象的编程思维方式：把现实世界中的事物抽象成程序世界的类和对象，通过封装，继承和多态演示事物事件的联系</li><li>函数编程的思维方式：把现实世界的事物和事物之间的<strong>联系</strong>抽象到程序世界 (对运算过程进行抽象) <ul><li>程序的本质：根据输入，通过某种运算，获得相应的输出</li><li>函数式编程中的函数不是指程序中的 (函数) 方法，<strong>而是数学中的函数，即映射关系</strong></li><li>相同的输入始终要得到相同的输出 (纯函数)</li><li>函数式编程用来描述数据 (函数) 之间的映射关系</li></ul></li></ul><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">//非函数式编程，面向过程的编程方式</span></span>
+import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"函数式编程","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/functionalProgramming.md","filePath":"src/article/functionalProgramming.md","lastUpdated":1728129344000}'),k={name:"src/article/functionalProgramming.md"};function l(p,s,t,E,e,r){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="函数式编程" tabindex="-1">函数式编程 <a class="header-anchor" href="#函数式编程" aria-label="Permalink to &quot;函数式编程&quot;">​</a></h1><ul><li>概述：函数式编程 (<code>Functional Programming</code>)<code>FP</code>就是编程规范之一，我们常听说的编程规范还有面向对象编程，面向过程编程。</li><li>面向对象的编程思维方式：把现实世界中的事物抽象成程序世界的类和对象，通过封装，继承和多态演示事物事件的联系</li><li>函数编程的思维方式：把现实世界的事物和事物之间的<strong>联系</strong>抽象到程序世界 (对运算过程进行抽象) <ul><li>程序的本质：根据输入，通过某种运算，获得相应的输出</li><li>函数式编程中的函数不是指程序中的 (函数) 方法，<strong>而是数学中的函数，即映射关系</strong></li><li>相同的输入始终要得到相同的输出 (纯函数)</li><li>函数式编程用来描述数据 (函数) 之间的映射关系</li></ul></li></ul><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">//非函数式编程，面向过程的编程方式</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> num1 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> num2 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> sum </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> num1 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> num2;</span></span>
diff --git a/assets/src_article_functionalProgramming.md.Bbl-kdPi.lean.js b/assets/src_article_functionalProgramming.md.BPj6iTX9.lean.js
similarity index 99%
rename from assets/src_article_functionalProgramming.md.Bbl-kdPi.lean.js
rename to assets/src_article_functionalProgramming.md.BPj6iTX9.lean.js
index 97305b7909..8b4ed7fa32 100644
--- a/assets/src_article_functionalProgramming.md.Bbl-kdPi.lean.js
+++ b/assets/src_article_functionalProgramming.md.BPj6iTX9.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"函数式编程","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/functionalProgramming.md","filePath":"src/article/functionalProgramming.md","lastUpdated":1728129125000}'),k={name:"src/article/functionalProgramming.md"};function l(p,s,t,E,e,r){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="函数式编程" tabindex="-1">函数式编程 <a class="header-anchor" href="#函数式编程" aria-label="Permalink to &quot;函数式编程&quot;">​</a></h1><ul><li>概述：函数式编程 (<code>Functional Programming</code>)<code>FP</code>就是编程规范之一，我们常听说的编程规范还有面向对象编程，面向过程编程。</li><li>面向对象的编程思维方式：把现实世界中的事物抽象成程序世界的类和对象，通过封装，继承和多态演示事物事件的联系</li><li>函数编程的思维方式：把现实世界的事物和事物之间的<strong>联系</strong>抽象到程序世界 (对运算过程进行抽象) <ul><li>程序的本质：根据输入，通过某种运算，获得相应的输出</li><li>函数式编程中的函数不是指程序中的 (函数) 方法，<strong>而是数学中的函数，即映射关系</strong></li><li>相同的输入始终要得到相同的输出 (纯函数)</li><li>函数式编程用来描述数据 (函数) 之间的映射关系</li></ul></li></ul><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">//非函数式编程，面向过程的编程方式</span></span>
+import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"函数式编程","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/functionalProgramming.md","filePath":"src/article/functionalProgramming.md","lastUpdated":1728129344000}'),k={name:"src/article/functionalProgramming.md"};function l(p,s,t,E,e,r){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="函数式编程" tabindex="-1">函数式编程 <a class="header-anchor" href="#函数式编程" aria-label="Permalink to &quot;函数式编程&quot;">​</a></h1><ul><li>概述：函数式编程 (<code>Functional Programming</code>)<code>FP</code>就是编程规范之一，我们常听说的编程规范还有面向对象编程，面向过程编程。</li><li>面向对象的编程思维方式：把现实世界中的事物抽象成程序世界的类和对象，通过封装，继承和多态演示事物事件的联系</li><li>函数编程的思维方式：把现实世界的事物和事物之间的<strong>联系</strong>抽象到程序世界 (对运算过程进行抽象) <ul><li>程序的本质：根据输入，通过某种运算，获得相应的输出</li><li>函数式编程中的函数不是指程序中的 (函数) 方法，<strong>而是数学中的函数，即映射关系</strong></li><li>相同的输入始终要得到相同的输出 (纯函数)</li><li>函数式编程用来描述数据 (函数) 之间的映射关系</li></ul></li></ul><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">//非函数式编程，面向过程的编程方式</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> num1 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> num2 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> sum </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> num1 </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> num2;</span></span>
diff --git a/assets/src_article_imagemin.md.CNzOGYN8.js b/assets/src_article_imagemin.md.F6ka3QYU.js
similarity index 91%
rename from assets/src_article_imagemin.md.CNzOGYN8.js
rename to assets/src_article_imagemin.md.F6ka3QYU.js
index ad3c64bc47..9707457e68 100644
--- a/assets/src_article_imagemin.md.CNzOGYN8.js
+++ b/assets/src_article_imagemin.md.F6ka3QYU.js
@@ -1 +1 @@
-import{_ as t,o as i,c as r,j as a,a as m}from"./chunks/framework.eq-HTtE3.js";const f=JSON.parse('{"title":"imagemin 图片压缩源码分析","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/imagemin.md","filePath":"src/article/imagemin.md","lastUpdated":1728129125000}'),n={name:"src/article/imagemin.md"};function s(o,e,c,d,l,p){return i(),r("div",{"data-pagefind-body":!0},e[0]||(e[0]=[a("h1",{id:"imagemin-图片压缩源码分析",tabindex:"-1"},[m("imagemin 图片压缩源码分析 "),a("a",{class:"header-anchor",href:"#imagemin-图片压缩源码分析","aria-label":'Permalink to "imagemin 图片压缩源码分析"'},"​")],-1)]))}const _=t(n,[["render",s]]);export{f as __pageData,_ as default};
+import{_ as t,o as i,c as r,j as a,a as m}from"./chunks/framework.eq-HTtE3.js";const f=JSON.parse('{"title":"imagemin 图片压缩源码分析","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/imagemin.md","filePath":"src/article/imagemin.md","lastUpdated":1728129344000}'),n={name:"src/article/imagemin.md"};function s(o,e,c,d,l,p){return i(),r("div",{"data-pagefind-body":!0},e[0]||(e[0]=[a("h1",{id:"imagemin-图片压缩源码分析",tabindex:"-1"},[m("imagemin 图片压缩源码分析 "),a("a",{class:"header-anchor",href:"#imagemin-图片压缩源码分析","aria-label":'Permalink to "imagemin 图片压缩源码分析"'},"​")],-1)]))}const _=t(n,[["render",s]]);export{f as __pageData,_ as default};
diff --git a/assets/src_article_imagemin.md.CNzOGYN8.lean.js b/assets/src_article_imagemin.md.F6ka3QYU.lean.js
similarity index 91%
rename from assets/src_article_imagemin.md.CNzOGYN8.lean.js
rename to assets/src_article_imagemin.md.F6ka3QYU.lean.js
index ad3c64bc47..9707457e68 100644
--- a/assets/src_article_imagemin.md.CNzOGYN8.lean.js
+++ b/assets/src_article_imagemin.md.F6ka3QYU.lean.js
@@ -1 +1 @@
-import{_ as t,o as i,c as r,j as a,a as m}from"./chunks/framework.eq-HTtE3.js";const f=JSON.parse('{"title":"imagemin 图片压缩源码分析","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/imagemin.md","filePath":"src/article/imagemin.md","lastUpdated":1728129125000}'),n={name:"src/article/imagemin.md"};function s(o,e,c,d,l,p){return i(),r("div",{"data-pagefind-body":!0},e[0]||(e[0]=[a("h1",{id:"imagemin-图片压缩源码分析",tabindex:"-1"},[m("imagemin 图片压缩源码分析 "),a("a",{class:"header-anchor",href:"#imagemin-图片压缩源码分析","aria-label":'Permalink to "imagemin 图片压缩源码分析"'},"​")],-1)]))}const _=t(n,[["render",s]]);export{f as __pageData,_ as default};
+import{_ as t,o as i,c as r,j as a,a as m}from"./chunks/framework.eq-HTtE3.js";const f=JSON.parse('{"title":"imagemin 图片压缩源码分析","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/imagemin.md","filePath":"src/article/imagemin.md","lastUpdated":1728129344000}'),n={name:"src/article/imagemin.md"};function s(o,e,c,d,l,p){return i(),r("div",{"data-pagefind-body":!0},e[0]||(e[0]=[a("h1",{id:"imagemin-图片压缩源码分析",tabindex:"-1"},[m("imagemin 图片压缩源码分析 "),a("a",{class:"header-anchor",href:"#imagemin-图片压缩源码分析","aria-label":'Permalink to "imagemin 图片压缩源码分析"'},"​")],-1)]))}const _=t(n,[["render",s]]);export{f as __pageData,_ as default};
diff --git a/assets/src_article_javascript_domLoad.md.f1BWKaWm.js b/assets/src_article_javascript_domLoad.md.ISLuBQzT.js
similarity index 97%
rename from assets/src_article_javascript_domLoad.md.f1BWKaWm.js
rename to assets/src_article_javascript_domLoad.md.ISLuBQzT.js
index 0669d5abf4..7c127e9304 100644
--- a/assets/src_article_javascript_domLoad.md.f1BWKaWm.js
+++ b/assets/src_article_javascript_domLoad.md.ISLuBQzT.js
@@ -1 +1 @@
-import{_ as e,o as t,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"页面加载完成后事件","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/javascript/domLoad.md","filePath":"src/article/javascript/domLoad.md","lastUpdated":1728129125000}'),o={name:"src/article/javascript/domLoad.md"};function n(d,a,l,r,c,h){return t(),s("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="页面加载完成后事件" tabindex="-1">页面加载完成后事件 <a class="header-anchor" href="#页面加载完成后事件" aria-label="Permalink to &quot;页面加载完成后事件&quot;">​</a></h1><h2 id="window-onload" tabindex="-1">window.onload <a class="header-anchor" href="#window-onload" aria-label="Permalink to &quot;window.onload&quot;">​</a></h2><h2 id="domcontentloaded" tabindex="-1">DOMContentLoaded <a class="header-anchor" href="#domcontentloaded" aria-label="Permalink to &quot;DOMContentLoaded&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">addEventListener</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;DOMContentLoaded&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, fun);</span></span></code></pre></div><h2 id="body-onload-fun" tabindex="-1"><code>&lt;body onload=&quot;fun()&quot;&gt;</code> <a class="header-anchor" href="#body-onload-fun" aria-label="Permalink to &quot;`&lt;body onload=&quot;fun()&quot;&gt;`&quot;">​</a></h2><h2 id="readystate" tabindex="-1">readyState <a class="header-anchor" href="#readystate" aria-label="Permalink to &quot;readyState&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.readyState;</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.onreadystatechange;</span></span></code></pre></div><p>一个文档的 readyState 可以是以下之一：</p><ul><li>loading / 加载。document 仍在加载。</li><li>interactive / 互动。文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的子资源仍在加载。</li><li>complete / 完成。T 文档和所有子资源已完成加载。状态表示 load 事件即将被触发。</li></ul>',9)]))}const k=e(o,[["render",n]]);export{u as __pageData,k as default};
+import{_ as e,o as t,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"页面加载完成后事件","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/javascript/domLoad.md","filePath":"src/article/javascript/domLoad.md","lastUpdated":1728129344000}'),o={name:"src/article/javascript/domLoad.md"};function n(d,a,l,r,c,h){return t(),s("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="页面加载完成后事件" tabindex="-1">页面加载完成后事件 <a class="header-anchor" href="#页面加载完成后事件" aria-label="Permalink to &quot;页面加载完成后事件&quot;">​</a></h1><h2 id="window-onload" tabindex="-1">window.onload <a class="header-anchor" href="#window-onload" aria-label="Permalink to &quot;window.onload&quot;">​</a></h2><h2 id="domcontentloaded" tabindex="-1">DOMContentLoaded <a class="header-anchor" href="#domcontentloaded" aria-label="Permalink to &quot;DOMContentLoaded&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">addEventListener</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;DOMContentLoaded&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, fun);</span></span></code></pre></div><h2 id="body-onload-fun" tabindex="-1"><code>&lt;body onload=&quot;fun()&quot;&gt;</code> <a class="header-anchor" href="#body-onload-fun" aria-label="Permalink to &quot;`&lt;body onload=&quot;fun()&quot;&gt;`&quot;">​</a></h2><h2 id="readystate" tabindex="-1">readyState <a class="header-anchor" href="#readystate" aria-label="Permalink to &quot;readyState&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.readyState;</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.onreadystatechange;</span></span></code></pre></div><p>一个文档的 readyState 可以是以下之一：</p><ul><li>loading / 加载。document 仍在加载。</li><li>interactive / 互动。文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的子资源仍在加载。</li><li>complete / 完成。T 文档和所有子资源已完成加载。状态表示 load 事件即将被触发。</li></ul>',9)]))}const k=e(o,[["render",n]]);export{u as __pageData,k as default};
diff --git a/assets/src_article_javascript_domLoad.md.f1BWKaWm.lean.js b/assets/src_article_javascript_domLoad.md.ISLuBQzT.lean.js
similarity index 97%
rename from assets/src_article_javascript_domLoad.md.f1BWKaWm.lean.js
rename to assets/src_article_javascript_domLoad.md.ISLuBQzT.lean.js
index 0669d5abf4..7c127e9304 100644
--- a/assets/src_article_javascript_domLoad.md.f1BWKaWm.lean.js
+++ b/assets/src_article_javascript_domLoad.md.ISLuBQzT.lean.js
@@ -1 +1 @@
-import{_ as e,o as t,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"页面加载完成后事件","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/javascript/domLoad.md","filePath":"src/article/javascript/domLoad.md","lastUpdated":1728129125000}'),o={name:"src/article/javascript/domLoad.md"};function n(d,a,l,r,c,h){return t(),s("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="页面加载完成后事件" tabindex="-1">页面加载完成后事件 <a class="header-anchor" href="#页面加载完成后事件" aria-label="Permalink to &quot;页面加载完成后事件&quot;">​</a></h1><h2 id="window-onload" tabindex="-1">window.onload <a class="header-anchor" href="#window-onload" aria-label="Permalink to &quot;window.onload&quot;">​</a></h2><h2 id="domcontentloaded" tabindex="-1">DOMContentLoaded <a class="header-anchor" href="#domcontentloaded" aria-label="Permalink to &quot;DOMContentLoaded&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">addEventListener</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;DOMContentLoaded&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, fun);</span></span></code></pre></div><h2 id="body-onload-fun" tabindex="-1"><code>&lt;body onload=&quot;fun()&quot;&gt;</code> <a class="header-anchor" href="#body-onload-fun" aria-label="Permalink to &quot;`&lt;body onload=&quot;fun()&quot;&gt;`&quot;">​</a></h2><h2 id="readystate" tabindex="-1">readyState <a class="header-anchor" href="#readystate" aria-label="Permalink to &quot;readyState&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.readyState;</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.onreadystatechange;</span></span></code></pre></div><p>一个文档的 readyState 可以是以下之一：</p><ul><li>loading / 加载。document 仍在加载。</li><li>interactive / 互动。文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的子资源仍在加载。</li><li>complete / 完成。T 文档和所有子资源已完成加载。状态表示 load 事件即将被触发。</li></ul>',9)]))}const k=e(o,[["render",n]]);export{u as __pageData,k as default};
+import{_ as e,o as t,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"页面加载完成后事件","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/javascript/domLoad.md","filePath":"src/article/javascript/domLoad.md","lastUpdated":1728129344000}'),o={name:"src/article/javascript/domLoad.md"};function n(d,a,l,r,c,h){return t(),s("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="页面加载完成后事件" tabindex="-1">页面加载完成后事件 <a class="header-anchor" href="#页面加载完成后事件" aria-label="Permalink to &quot;页面加载完成后事件&quot;">​</a></h1><h2 id="window-onload" tabindex="-1">window.onload <a class="header-anchor" href="#window-onload" aria-label="Permalink to &quot;window.onload&quot;">​</a></h2><h2 id="domcontentloaded" tabindex="-1">DOMContentLoaded <a class="header-anchor" href="#domcontentloaded" aria-label="Permalink to &quot;DOMContentLoaded&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">addEventListener</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;DOMContentLoaded&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, fun);</span></span></code></pre></div><h2 id="body-onload-fun" tabindex="-1"><code>&lt;body onload=&quot;fun()&quot;&gt;</code> <a class="header-anchor" href="#body-onload-fun" aria-label="Permalink to &quot;`&lt;body onload=&quot;fun()&quot;&gt;`&quot;">​</a></h2><h2 id="readystate" tabindex="-1">readyState <a class="header-anchor" href="#readystate" aria-label="Permalink to &quot;readyState&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.readyState;</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.onreadystatechange;</span></span></code></pre></div><p>一个文档的 readyState 可以是以下之一：</p><ul><li>loading / 加载。document 仍在加载。</li><li>interactive / 互动。文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的子资源仍在加载。</li><li>complete / 完成。T 文档和所有子资源已完成加载。状态表示 load 事件即将被触发。</li></ul>',9)]))}const k=e(o,[["render",n]]);export{u as __pageData,k as default};
diff --git a/assets/src_article_sort_bubble_index.md.DM2Rnnat.js b/assets/src_article_sort_bubble_index.md.DmhPntEW.js
similarity index 99%
rename from assets/src_article_sort_bubble_index.md.DM2Rnnat.js
rename to assets/src_article_sort_bubble_index.md.DmhPntEW.js
index 1573b9ce90..0b6c8851b4 100644
--- a/assets/src_article_sort_bubble_index.md.DM2Rnnat.js
+++ b/assets/src_article_sort_bubble_index.md.DmhPntEW.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/bubble.Dg5jgvyl.js";import{_ as a,o as t,c as e,a3 as n}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"Bubble Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/bubble/index.md","filePath":"src/article/sort/bubble/index.md","lastUpdated":1728129125000}'),h={name:"src/article/sort/bubble/index.md"};function l(p,s,k,r,d,E){return t(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n('<h1 id="bubble-sort" tabindex="-1">Bubble Sort <a class="header-anchor" href="#bubble-sort" aria-label="Permalink to &quot;Bubble Sort&quot;">​</a></h1><p>Bubble sort is a simple sort algorithm. It repeatedly visits the sequence to be sorted, comparing two elements at a time and swapping them if they are in the wrong order. The work of visiting the sequence is repeated until no more exchanges are needed, that is, the sequence has been sorted. The algorithm gets its name from the fact that smaller elements slowly &quot;float&quot; to the top of the sequence through exchange.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Compare adjacent elements. If the first one is bigger than the second, swap them both;</li><li>Do the same for each pair of adjacent elements, from the first pair at the beginning to the last pair at the end, so that the last element should be the largest;</li><li>Repeat the above steps for all elements except the last one;</li><li>Repeat steps 1 to 3 until the sorting is complete.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Bubble Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> bubble</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/bubble.Dg5jgvyl.js";import{_ as a,o as t,c as e,a3 as n}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"Bubble Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/bubble/index.md","filePath":"src/article/sort/bubble/index.md","lastUpdated":1728129344000}'),h={name:"src/article/sort/bubble/index.md"};function l(p,s,k,r,d,E){return t(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n('<h1 id="bubble-sort" tabindex="-1">Bubble Sort <a class="header-anchor" href="#bubble-sort" aria-label="Permalink to &quot;Bubble Sort&quot;">​</a></h1><p>Bubble sort is a simple sort algorithm. It repeatedly visits the sequence to be sorted, comparing two elements at a time and swapping them if they are in the wrong order. The work of visiting the sequence is repeated until no more exchanges are needed, that is, the sequence has been sorted. The algorithm gets its name from the fact that smaller elements slowly &quot;float&quot; to the top of the sequence through exchange.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Compare adjacent elements. If the first one is bigger than the second, swap them both;</li><li>Do the same for each pair of adjacent elements, from the first pair at the beginning to the last pair at the end, so that the last element should be the largest;</li><li>Repeat the above steps for all elements except the last one;</li><li>Repeat steps 1 to 3 until the sorting is complete.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Bubble Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> bubble</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> size</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> size; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> j </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; j </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> size; j</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
diff --git a/assets/src_article_sort_bubble_index.md.DM2Rnnat.lean.js b/assets/src_article_sort_bubble_index.md.DmhPntEW.lean.js
similarity index 99%
rename from assets/src_article_sort_bubble_index.md.DM2Rnnat.lean.js
rename to assets/src_article_sort_bubble_index.md.DmhPntEW.lean.js
index 1573b9ce90..0b6c8851b4 100644
--- a/assets/src_article_sort_bubble_index.md.DM2Rnnat.lean.js
+++ b/assets/src_article_sort_bubble_index.md.DmhPntEW.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/bubble.Dg5jgvyl.js";import{_ as a,o as t,c as e,a3 as n}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"Bubble Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/bubble/index.md","filePath":"src/article/sort/bubble/index.md","lastUpdated":1728129125000}'),h={name:"src/article/sort/bubble/index.md"};function l(p,s,k,r,d,E){return t(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n('<h1 id="bubble-sort" tabindex="-1">Bubble Sort <a class="header-anchor" href="#bubble-sort" aria-label="Permalink to &quot;Bubble Sort&quot;">​</a></h1><p>Bubble sort is a simple sort algorithm. It repeatedly visits the sequence to be sorted, comparing two elements at a time and swapping them if they are in the wrong order. The work of visiting the sequence is repeated until no more exchanges are needed, that is, the sequence has been sorted. The algorithm gets its name from the fact that smaller elements slowly &quot;float&quot; to the top of the sequence through exchange.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Compare adjacent elements. If the first one is bigger than the second, swap them both;</li><li>Do the same for each pair of adjacent elements, from the first pair at the beginning to the last pair at the end, so that the last element should be the largest;</li><li>Repeat the above steps for all elements except the last one;</li><li>Repeat steps 1 to 3 until the sorting is complete.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Bubble Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> bubble</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/bubble.Dg5jgvyl.js";import{_ as a,o as t,c as e,a3 as n}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"Bubble Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/bubble/index.md","filePath":"src/article/sort/bubble/index.md","lastUpdated":1728129344000}'),h={name:"src/article/sort/bubble/index.md"};function l(p,s,k,r,d,E){return t(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n('<h1 id="bubble-sort" tabindex="-1">Bubble Sort <a class="header-anchor" href="#bubble-sort" aria-label="Permalink to &quot;Bubble Sort&quot;">​</a></h1><p>Bubble sort is a simple sort algorithm. It repeatedly visits the sequence to be sorted, comparing two elements at a time and swapping them if they are in the wrong order. The work of visiting the sequence is repeated until no more exchanges are needed, that is, the sequence has been sorted. The algorithm gets its name from the fact that smaller elements slowly &quot;float&quot; to the top of the sequence through exchange.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Compare adjacent elements. If the first one is bigger than the second, swap them both;</li><li>Do the same for each pair of adjacent elements, from the first pair at the beginning to the last pair at the end, so that the last element should be the largest;</li><li>Repeat the above steps for all elements except the last one;</li><li>Repeat steps 1 to 3 until the sorting is complete.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Bubble Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> bubble</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> size</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> size; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> j </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; j </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> size; j</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
diff --git a/assets/src_article_sort_bucket_index.md.BTbi9aJ6.js b/assets/src_article_sort_bucket_index.md.1nocTUlS.js
similarity index 99%
rename from assets/src_article_sort_bucket_index.md.BTbi9aJ6.js
rename to assets/src_article_sort_bucket_index.md.1nocTUlS.js
index ee2e4cb0f2..09fe0e64ab 100644
--- a/assets/src_article_sort_bucket_index.md.BTbi9aJ6.js
+++ b/assets/src_article_sort_bucket_index.md.1nocTUlS.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"Bucket Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/bucket/index.md","filePath":"src/article/sort/bucket/index.md","lastUpdated":1728129125000}'),k={name:"src/article/sort/bucket/index.md"};function t(l,s,p,e,E,r){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="bucket-sort" tabindex="-1">Bucket Sort <a class="header-anchor" href="#bucket-sort" aria-label="Permalink to &quot;Bucket Sort&quot;">​</a></h1><p>The key to efficiency is this bucket function. The data is divided into a limited number of buckets, and each bucket is sorted separately (it is possible to use another sorting algorithm or recursively continue to use bucket sorting).</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Set a quantitative array as an empty bucket;</li><li>Iterate over the input data and place the data one by one into the corresponding bucket;</li><li>Sort each bucket that is not empty;</li><li>Piecing together sorted data from a bucket that is never empty.</li></ul><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> count</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">max</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 100</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"Bucket Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/bucket/index.md","filePath":"src/article/sort/bucket/index.md","lastUpdated":1728129344000}'),k={name:"src/article/sort/bucket/index.md"};function t(l,s,p,e,E,r){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="bucket-sort" tabindex="-1">Bucket Sort <a class="header-anchor" href="#bucket-sort" aria-label="Permalink to &quot;Bucket Sort&quot;">​</a></h1><p>The key to efficiency is this bucket function. The data is divided into a limited number of buckets, and each bucket is sorted separately (it is possible to use another sorting algorithm or recursively continue to use bucket sorting).</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Set a quantitative array as an empty bucket;</li><li>Iterate over the input data and place the data one by one into the corresponding bucket;</li><li>Sort each bucket that is not empty;</li><li>Piecing together sorted data from a bucket that is never empty.</li></ul><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> count</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">max</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 100</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> countList</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">!</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">countList[list[i]]) {</span></span>
diff --git a/assets/src_article_sort_bucket_index.md.BTbi9aJ6.lean.js b/assets/src_article_sort_bucket_index.md.1nocTUlS.lean.js
similarity index 99%
rename from assets/src_article_sort_bucket_index.md.BTbi9aJ6.lean.js
rename to assets/src_article_sort_bucket_index.md.1nocTUlS.lean.js
index ee2e4cb0f2..09fe0e64ab 100644
--- a/assets/src_article_sort_bucket_index.md.BTbi9aJ6.lean.js
+++ b/assets/src_article_sort_bucket_index.md.1nocTUlS.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"Bucket Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/bucket/index.md","filePath":"src/article/sort/bucket/index.md","lastUpdated":1728129125000}'),k={name:"src/article/sort/bucket/index.md"};function t(l,s,p,e,E,r){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="bucket-sort" tabindex="-1">Bucket Sort <a class="header-anchor" href="#bucket-sort" aria-label="Permalink to &quot;Bucket Sort&quot;">​</a></h1><p>The key to efficiency is this bucket function. The data is divided into a limited number of buckets, and each bucket is sorted separately (it is possible to use another sorting algorithm or recursively continue to use bucket sorting).</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Set a quantitative array as an empty bucket;</li><li>Iterate over the input data and place the data one by one into the corresponding bucket;</li><li>Sort each bucket that is not empty;</li><li>Piecing together sorted data from a bucket that is never empty.</li></ul><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> count</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">max</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 100</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"Bucket Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/bucket/index.md","filePath":"src/article/sort/bucket/index.md","lastUpdated":1728129344000}'),k={name:"src/article/sort/bucket/index.md"};function t(l,s,p,e,E,r){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="bucket-sort" tabindex="-1">Bucket Sort <a class="header-anchor" href="#bucket-sort" aria-label="Permalink to &quot;Bucket Sort&quot;">​</a></h1><p>The key to efficiency is this bucket function. The data is divided into a limited number of buckets, and each bucket is sorted separately (it is possible to use another sorting algorithm or recursively continue to use bucket sorting).</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Set a quantitative array as an empty bucket;</li><li>Iterate over the input data and place the data one by one into the corresponding bucket;</li><li>Sort each bucket that is not empty;</li><li>Piecing together sorted data from a bucket that is never empty.</li></ul><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> count</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">max</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 100</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> countList</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">!</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">countList[list[i]]) {</span></span>
diff --git a/assets/src_article_sort_count_index.md.Ch5HRRp8.js b/assets/src_article_sort_count_index.md.Du6QhWUu.js
similarity index 99%
rename from assets/src_article_sort_count_index.md.Ch5HRRp8.js
rename to assets/src_article_sort_count_index.md.Du6QhWUu.js
index cae0af1eff..cacb97f122 100644
--- a/assets/src_article_sort_count_index.md.Ch5HRRp8.js
+++ b/assets/src_article_sort_count_index.md.Du6QhWUu.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/count.CcfK-WL7.js";import{_ as a,o as n,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Count Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/count/index.md","filePath":"src/article/sort/count/index.md","lastUpdated":1728129125000}'),l={name:"src/article/sort/count/index.md"};function k(e,s,p,r,E,d){return n(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1 id="count-sort" tabindex="-1">Count Sort <a class="header-anchor" href="#count-sort" aria-label="Permalink to &quot;Count Sort&quot;">​</a></h1><p>counting sort is a kind of sorting algorithm that sacrifices memory space for low time complexity, and it is also a kind of algorithm that is not based on comparison. The non-comparison-based sorting algorithm here means that there is no comparison size between array elements. We know that the divide-and-conquer method to solve the sorting problem can only make the time complexity of the algorithm approach Θ(nlogn) at the fastest, that is, the time complexity based on comparison has a lower bound Ω(nlog⁡n), and the sorting algorithm based on no comparison can break through this lower bound.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Find the largest and smallest elements of the array to be sorted;</li><li>Count the number of occurrences of each element with value i in the array, stored in the i - th item of the array C;</li><li>Add up all counts (starting with the first element in C and adding each term to the previous one);</li><li>Backfill the target array: Place each element i in the C(i) item of the new array, and subtract 1 from C(i) for each element.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Count Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMax</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/count.CcfK-WL7.js";import{_ as a,o as n,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Count Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/count/index.md","filePath":"src/article/sort/count/index.md","lastUpdated":1728129344000}'),l={name:"src/article/sort/count/index.md"};function k(e,s,p,r,E,d){return n(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1 id="count-sort" tabindex="-1">Count Sort <a class="header-anchor" href="#count-sort" aria-label="Permalink to &quot;Count Sort&quot;">​</a></h1><p>counting sort is a kind of sorting algorithm that sacrifices memory space for low time complexity, and it is also a kind of algorithm that is not based on comparison. The non-comparison-based sorting algorithm here means that there is no comparison size between array elements. We know that the divide-and-conquer method to solve the sorting problem can only make the time complexity of the algorithm approach Θ(nlogn) at the fastest, that is, the time complexity based on comparison has a lower bound Ω(nlog⁡n), and the sorting algorithm based on no comparison can break through this lower bound.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Find the largest and smallest elements of the array to be sorted;</li><li>Count the number of occurrences of each element with value i in the array, stored in the i - th item of the array C;</li><li>Add up all counts (starting with the first element in C and adding each term to the previous one);</li><li>Backfill the target array: Place each element i in the C(i) item of the new array, and subtract 1 from C(i) for each element.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Count Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMax</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[i]) {</span></span>
diff --git a/assets/src_article_sort_count_index.md.Ch5HRRp8.lean.js b/assets/src_article_sort_count_index.md.Du6QhWUu.lean.js
similarity index 99%
rename from assets/src_article_sort_count_index.md.Ch5HRRp8.lean.js
rename to assets/src_article_sort_count_index.md.Du6QhWUu.lean.js
index cae0af1eff..cacb97f122 100644
--- a/assets/src_article_sort_count_index.md.Ch5HRRp8.lean.js
+++ b/assets/src_article_sort_count_index.md.Du6QhWUu.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/count.CcfK-WL7.js";import{_ as a,o as n,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Count Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/count/index.md","filePath":"src/article/sort/count/index.md","lastUpdated":1728129125000}'),l={name:"src/article/sort/count/index.md"};function k(e,s,p,r,E,d){return n(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1 id="count-sort" tabindex="-1">Count Sort <a class="header-anchor" href="#count-sort" aria-label="Permalink to &quot;Count Sort&quot;">​</a></h1><p>counting sort is a kind of sorting algorithm that sacrifices memory space for low time complexity, and it is also a kind of algorithm that is not based on comparison. The non-comparison-based sorting algorithm here means that there is no comparison size between array elements. We know that the divide-and-conquer method to solve the sorting problem can only make the time complexity of the algorithm approach Θ(nlogn) at the fastest, that is, the time complexity based on comparison has a lower bound Ω(nlog⁡n), and the sorting algorithm based on no comparison can break through this lower bound.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Find the largest and smallest elements of the array to be sorted;</li><li>Count the number of occurrences of each element with value i in the array, stored in the i - th item of the array C;</li><li>Add up all counts (starting with the first element in C and adding each term to the previous one);</li><li>Backfill the target array: Place each element i in the C(i) item of the new array, and subtract 1 from C(i) for each element.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Count Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMax</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/count.CcfK-WL7.js";import{_ as a,o as n,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Count Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/count/index.md","filePath":"src/article/sort/count/index.md","lastUpdated":1728129344000}'),l={name:"src/article/sort/count/index.md"};function k(e,s,p,r,E,d){return n(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1 id="count-sort" tabindex="-1">Count Sort <a class="header-anchor" href="#count-sort" aria-label="Permalink to &quot;Count Sort&quot;">​</a></h1><p>counting sort is a kind of sorting algorithm that sacrifices memory space for low time complexity, and it is also a kind of algorithm that is not based on comparison. The non-comparison-based sorting algorithm here means that there is no comparison size between array elements. We know that the divide-and-conquer method to solve the sorting problem can only make the time complexity of the algorithm approach Θ(nlogn) at the fastest, that is, the time complexity based on comparison has a lower bound Ω(nlog⁡n), and the sorting algorithm based on no comparison can break through this lower bound.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Find the largest and smallest elements of the array to be sorted;</li><li>Count the number of occurrences of each element with value i in the array, stored in the i - th item of the array C;</li><li>Add up all counts (starting with the first element in C and adding each term to the previous one);</li><li>Backfill the target array: Place each element i in the C(i) item of the new array, and subtract 1 from C(i) for each element.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Count Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMax</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[i]) {</span></span>
diff --git a/assets/src_article_sort_heap_index.md.D-XARjAx.js b/assets/src_article_sort_heap_index.md.DUjhT9HH.js
similarity index 99%
rename from assets/src_article_sort_heap_index.md.D-XARjAx.js
rename to assets/src_article_sort_heap_index.md.DUjhT9HH.js
index 6db7b2005f..d6b50a9d7c 100644
--- a/assets/src_article_sort_heap_index.md.D-XARjAx.js
+++ b/assets/src_article_sort_heap_index.md.DUjhT9HH.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/heap.xduQWyUN.js";import{_ as a,o as h,c as n,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"Heap Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/heap/index.md","filePath":"src/article/sort/heap/index.md","lastUpdated":1728129125000}'),t={name:"src/article/sort/heap/index.md"};function l(p,s,e,r,E,d){return h(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="heap-sort" tabindex="-1">Heap Sort <a class="header-anchor" href="#heap-sort" aria-label="Permalink to &quot;Heap Sort&quot;">​</a></h1><p>Heapsort (Heapsort) is a kind of sorting algorithm designed by using the heap data structure. A heap is an almost complete binary tree structure, but also satisfies the property of a heap: the key value or index of a child node is always less than (or greater than) its parent node.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>The initial sequence of keywords to be sorted (R1,R2... .Rn) builds a large top heap, which is the initial disordered region;</li><li>Swap the top element R[1] with the last element R[n] to get a new unordered region (R1,R2,... Rn-1) and a new ordered region (Rn), satisfying R[1,2... n-1]&lt; =R[n];</li><li>Since the new top R[1] may violate the nature of the heap after exchange, it is necessary to adjust the current disorder region (R1,R2,... Rn-1) adjusts to the new heap, then swaps R[1] again with the last element of the unordered area, giving a new unordered area (R1,R2... .Rn-2) and the new ordered region (RN-1,Rn). Repeat this process until the number of elements in the ordered area is n-1, then the sorting process is complete.</li><li>Use large root piles in ascending order and small root piles in descending order</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Heap Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">class</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Heap</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/heap.xduQWyUN.js";import{_ as a,o as h,c as n,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"Heap Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/heap/index.md","filePath":"src/article/sort/heap/index.md","lastUpdated":1728129344000}'),t={name:"src/article/sort/heap/index.md"};function l(p,s,e,r,E,d){return h(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="heap-sort" tabindex="-1">Heap Sort <a class="header-anchor" href="#heap-sort" aria-label="Permalink to &quot;Heap Sort&quot;">​</a></h1><p>Heapsort (Heapsort) is a kind of sorting algorithm designed by using the heap data structure. A heap is an almost complete binary tree structure, but also satisfies the property of a heap: the key value or index of a child node is always less than (or greater than) its parent node.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>The initial sequence of keywords to be sorted (R1,R2... .Rn) builds a large top heap, which is the initial disordered region;</li><li>Swap the top element R[1] with the last element R[n] to get a new unordered region (R1,R2,... Rn-1) and a new ordered region (Rn), satisfying R[1,2... n-1]&lt; =R[n];</li><li>Since the new top R[1] may violate the nature of the heap after exchange, it is necessary to adjust the current disorder region (R1,R2,... Rn-1) adjusts to the new heap, then swaps R[1] again with the last element of the unordered area, giving a new unordered area (R1,R2... .Rn-2) and the new ordered region (RN-1,Rn). Repeat this process until the number of elements in the ordered area is n-1, then the sorting process is complete.</li><li>Use large root piles in ascending order and small root piles in descending order</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Heap Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">class</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Heap</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  size</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  constructor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> []) {</span></span>
diff --git a/assets/src_article_sort_heap_index.md.D-XARjAx.lean.js b/assets/src_article_sort_heap_index.md.DUjhT9HH.lean.js
similarity index 99%
rename from assets/src_article_sort_heap_index.md.D-XARjAx.lean.js
rename to assets/src_article_sort_heap_index.md.DUjhT9HH.lean.js
index 6db7b2005f..d6b50a9d7c 100644
--- a/assets/src_article_sort_heap_index.md.D-XARjAx.lean.js
+++ b/assets/src_article_sort_heap_index.md.DUjhT9HH.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/heap.xduQWyUN.js";import{_ as a,o as h,c as n,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"Heap Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/heap/index.md","filePath":"src/article/sort/heap/index.md","lastUpdated":1728129125000}'),t={name:"src/article/sort/heap/index.md"};function l(p,s,e,r,E,d){return h(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="heap-sort" tabindex="-1">Heap Sort <a class="header-anchor" href="#heap-sort" aria-label="Permalink to &quot;Heap Sort&quot;">​</a></h1><p>Heapsort (Heapsort) is a kind of sorting algorithm designed by using the heap data structure. A heap is an almost complete binary tree structure, but also satisfies the property of a heap: the key value or index of a child node is always less than (or greater than) its parent node.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>The initial sequence of keywords to be sorted (R1,R2... .Rn) builds a large top heap, which is the initial disordered region;</li><li>Swap the top element R[1] with the last element R[n] to get a new unordered region (R1,R2,... Rn-1) and a new ordered region (Rn), satisfying R[1,2... n-1]&lt; =R[n];</li><li>Since the new top R[1] may violate the nature of the heap after exchange, it is necessary to adjust the current disorder region (R1,R2,... Rn-1) adjusts to the new heap, then swaps R[1] again with the last element of the unordered area, giving a new unordered area (R1,R2... .Rn-2) and the new ordered region (RN-1,Rn). Repeat this process until the number of elements in the ordered area is n-1, then the sorting process is complete.</li><li>Use large root piles in ascending order and small root piles in descending order</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Heap Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">class</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Heap</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/heap.xduQWyUN.js";import{_ as a,o as h,c as n,a3 as k}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"Heap Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/heap/index.md","filePath":"src/article/sort/heap/index.md","lastUpdated":1728129344000}'),t={name:"src/article/sort/heap/index.md"};function l(p,s,e,r,E,d){return h(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k('<h1 id="heap-sort" tabindex="-1">Heap Sort <a class="header-anchor" href="#heap-sort" aria-label="Permalink to &quot;Heap Sort&quot;">​</a></h1><p>Heapsort (Heapsort) is a kind of sorting algorithm designed by using the heap data structure. A heap is an almost complete binary tree structure, but also satisfies the property of a heap: the key value or index of a child node is always less than (or greater than) its parent node.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>The initial sequence of keywords to be sorted (R1,R2... .Rn) builds a large top heap, which is the initial disordered region;</li><li>Swap the top element R[1] with the last element R[n] to get a new unordered region (R1,R2,... Rn-1) and a new ordered region (Rn), satisfying R[1,2... n-1]&lt; =R[n];</li><li>Since the new top R[1] may violate the nature of the heap after exchange, it is necessary to adjust the current disorder region (R1,R2,... Rn-1) adjusts to the new heap, then swaps R[1] again with the last element of the unordered area, giving a new unordered area (R1,R2... .Rn-2) and the new ordered region (RN-1,Rn). Repeat this process until the number of elements in the ordered area is n-1, then the sorting process is complete.</li><li>Use large root piles in ascending order and small root piles in descending order</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Heap Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">class</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Heap</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  size</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  constructor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> []) {</span></span>
diff --git a/assets/src_article_sort_index.md.LNhlg9Oa.js b/assets/src_article_sort_index.md.Day6RJ-s.js
similarity index 97%
rename from assets/src_article_sort_index.md.LNhlg9Oa.js
rename to assets/src_article_sort_index.md.Day6RJ-s.js
index 9561692345..35f9a7c550 100644
--- a/assets/src_article_sort_index.md.LNhlg9Oa.js
+++ b/assets/src_article_sort_index.md.Day6RJ-s.js
@@ -1 +1 @@
-import{_ as t,a}from"./chunks/complexity.CSkvDr7k.js";import{_ as o,o as i,c as r,a3 as n}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"Ten classic sorting algorithms","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/index.md","filePath":"src/article/sort/index.md","lastUpdated":1728129125000}'),s={name:"src/article/sort/index.md"};function l(c,e,m,d,h,p){return i(),r("div",{"data-pagefind-body":!0},e[0]||(e[0]=[n('<h1 id="ten-classic-sorting-algorithms" tabindex="-1">Ten classic sorting algorithms <a class="header-anchor" href="#ten-classic-sorting-algorithms" aria-label="Permalink to &quot;Ten classic sorting algorithms&quot;">​</a></h1><p>The ten common sorting algorithms can be divided into two broad categories:</p><ul><li><strong>Comparator sort</strong>：By comparison to determine the relative order between elements, because its time complexity can not break through O(nlogn), so it is also called nonlinear time comparison class sorting.</li><li><strong>Non-comparison sort</strong>：Instead of determining the relative order between elements by comparison, it can break through the time lower bound based on comparison sort and run in linear time, so it is also called linear time non-comparison sort.</li></ul><p><img src="'+t+'" alt="Sorting algorithm classification"></p><h2 id="algorithm-complexity" tabindex="-1">Algorithm complexity <a class="header-anchor" href="#algorithm-complexity" aria-label="Permalink to &quot;Algorithm complexity&quot;">​</a></h2><p><img src="'+a+'" alt="Algorithm complexity"></p><h2 id="related-concept" tabindex="-1">Related concept <a class="header-anchor" href="#related-concept" aria-label="Permalink to &quot;Related concept&quot;">​</a></h2><ul><li>Stable: If a was originally in front of b and a=b, a is still in front of b after sorting.</li><li>Unstable: If a originally comes before b and a=b, a may come after b after sorting.</li><li>Time complexity: The total number of operations on sorted data. Reflects what rule the number of operations presents when n changes.</li><li>Spatial complexity: refers to the measure of the storage space required when the algorithm is executed in the computer, and it is also a function of the data size n.</li></ul>',8)]))}const u=o(s,[["render",l]]);export{b as __pageData,u as default};
+import{_ as t,a}from"./chunks/complexity.CSkvDr7k.js";import{_ as o,o as i,c as r,a3 as n}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"Ten classic sorting algorithms","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/index.md","filePath":"src/article/sort/index.md","lastUpdated":1728129344000}'),s={name:"src/article/sort/index.md"};function l(c,e,m,d,h,p){return i(),r("div",{"data-pagefind-body":!0},e[0]||(e[0]=[n('<h1 id="ten-classic-sorting-algorithms" tabindex="-1">Ten classic sorting algorithms <a class="header-anchor" href="#ten-classic-sorting-algorithms" aria-label="Permalink to &quot;Ten classic sorting algorithms&quot;">​</a></h1><p>The ten common sorting algorithms can be divided into two broad categories:</p><ul><li><strong>Comparator sort</strong>：By comparison to determine the relative order between elements, because its time complexity can not break through O(nlogn), so it is also called nonlinear time comparison class sorting.</li><li><strong>Non-comparison sort</strong>：Instead of determining the relative order between elements by comparison, it can break through the time lower bound based on comparison sort and run in linear time, so it is also called linear time non-comparison sort.</li></ul><p><img src="'+t+'" alt="Sorting algorithm classification"></p><h2 id="algorithm-complexity" tabindex="-1">Algorithm complexity <a class="header-anchor" href="#algorithm-complexity" aria-label="Permalink to &quot;Algorithm complexity&quot;">​</a></h2><p><img src="'+a+'" alt="Algorithm complexity"></p><h2 id="related-concept" tabindex="-1">Related concept <a class="header-anchor" href="#related-concept" aria-label="Permalink to &quot;Related concept&quot;">​</a></h2><ul><li>Stable: If a was originally in front of b and a=b, a is still in front of b after sorting.</li><li>Unstable: If a originally comes before b and a=b, a may come after b after sorting.</li><li>Time complexity: The total number of operations on sorted data. Reflects what rule the number of operations presents when n changes.</li><li>Spatial complexity: refers to the measure of the storage space required when the algorithm is executed in the computer, and it is also a function of the data size n.</li></ul>',8)]))}const u=o(s,[["render",l]]);export{b as __pageData,u as default};
diff --git a/assets/src_article_sort_index.md.LNhlg9Oa.lean.js b/assets/src_article_sort_index.md.Day6RJ-s.lean.js
similarity index 97%
rename from assets/src_article_sort_index.md.LNhlg9Oa.lean.js
rename to assets/src_article_sort_index.md.Day6RJ-s.lean.js
index 9561692345..35f9a7c550 100644
--- a/assets/src_article_sort_index.md.LNhlg9Oa.lean.js
+++ b/assets/src_article_sort_index.md.Day6RJ-s.lean.js
@@ -1 +1 @@
-import{_ as t,a}from"./chunks/complexity.CSkvDr7k.js";import{_ as o,o as i,c as r,a3 as n}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"Ten classic sorting algorithms","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/index.md","filePath":"src/article/sort/index.md","lastUpdated":1728129125000}'),s={name:"src/article/sort/index.md"};function l(c,e,m,d,h,p){return i(),r("div",{"data-pagefind-body":!0},e[0]||(e[0]=[n('<h1 id="ten-classic-sorting-algorithms" tabindex="-1">Ten classic sorting algorithms <a class="header-anchor" href="#ten-classic-sorting-algorithms" aria-label="Permalink to &quot;Ten classic sorting algorithms&quot;">​</a></h1><p>The ten common sorting algorithms can be divided into two broad categories:</p><ul><li><strong>Comparator sort</strong>：By comparison to determine the relative order between elements, because its time complexity can not break through O(nlogn), so it is also called nonlinear time comparison class sorting.</li><li><strong>Non-comparison sort</strong>：Instead of determining the relative order between elements by comparison, it can break through the time lower bound based on comparison sort and run in linear time, so it is also called linear time non-comparison sort.</li></ul><p><img src="'+t+'" alt="Sorting algorithm classification"></p><h2 id="algorithm-complexity" tabindex="-1">Algorithm complexity <a class="header-anchor" href="#algorithm-complexity" aria-label="Permalink to &quot;Algorithm complexity&quot;">​</a></h2><p><img src="'+a+'" alt="Algorithm complexity"></p><h2 id="related-concept" tabindex="-1">Related concept <a class="header-anchor" href="#related-concept" aria-label="Permalink to &quot;Related concept&quot;">​</a></h2><ul><li>Stable: If a was originally in front of b and a=b, a is still in front of b after sorting.</li><li>Unstable: If a originally comes before b and a=b, a may come after b after sorting.</li><li>Time complexity: The total number of operations on sorted data. Reflects what rule the number of operations presents when n changes.</li><li>Spatial complexity: refers to the measure of the storage space required when the algorithm is executed in the computer, and it is also a function of the data size n.</li></ul>',8)]))}const u=o(s,[["render",l]]);export{b as __pageData,u as default};
+import{_ as t,a}from"./chunks/complexity.CSkvDr7k.js";import{_ as o,o as i,c as r,a3 as n}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"Ten classic sorting algorithms","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/index.md","filePath":"src/article/sort/index.md","lastUpdated":1728129344000}'),s={name:"src/article/sort/index.md"};function l(c,e,m,d,h,p){return i(),r("div",{"data-pagefind-body":!0},e[0]||(e[0]=[n('<h1 id="ten-classic-sorting-algorithms" tabindex="-1">Ten classic sorting algorithms <a class="header-anchor" href="#ten-classic-sorting-algorithms" aria-label="Permalink to &quot;Ten classic sorting algorithms&quot;">​</a></h1><p>The ten common sorting algorithms can be divided into two broad categories:</p><ul><li><strong>Comparator sort</strong>：By comparison to determine the relative order between elements, because its time complexity can not break through O(nlogn), so it is also called nonlinear time comparison class sorting.</li><li><strong>Non-comparison sort</strong>：Instead of determining the relative order between elements by comparison, it can break through the time lower bound based on comparison sort and run in linear time, so it is also called linear time non-comparison sort.</li></ul><p><img src="'+t+'" alt="Sorting algorithm classification"></p><h2 id="algorithm-complexity" tabindex="-1">Algorithm complexity <a class="header-anchor" href="#algorithm-complexity" aria-label="Permalink to &quot;Algorithm complexity&quot;">​</a></h2><p><img src="'+a+'" alt="Algorithm complexity"></p><h2 id="related-concept" tabindex="-1">Related concept <a class="header-anchor" href="#related-concept" aria-label="Permalink to &quot;Related concept&quot;">​</a></h2><ul><li>Stable: If a was originally in front of b and a=b, a is still in front of b after sorting.</li><li>Unstable: If a originally comes before b and a=b, a may come after b after sorting.</li><li>Time complexity: The total number of operations on sorted data. Reflects what rule the number of operations presents when n changes.</li><li>Spatial complexity: refers to the measure of the storage space required when the algorithm is executed in the computer, and it is also a function of the data size n.</li></ul>',8)]))}const u=o(s,[["render",l]]);export{b as __pageData,u as default};
diff --git a/assets/src_article_sort_insert_index.md.B-oNm95-.js b/assets/src_article_sort_insert_index.md.Cmba0n6W.js
similarity index 99%
rename from assets/src_article_sort_insert_index.md.B-oNm95-.js
rename to assets/src_article_sort_insert_index.md.Cmba0n6W.js
index 1aaad78399..d0914fad2e 100644
--- a/assets/src_article_sort_insert_index.md.B-oNm95-.js
+++ b/assets/src_article_sort_insert_index.md.Cmba0n6W.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/insert.Bde3uDH4.js";import{_ as a,o as t,c as e,a3 as n}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Insert Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/insert/index.md","filePath":"src/article/sort/insert/index.md","lastUpdated":1728129125000}'),h={name:"src/article/sort/insert/index.md"};function l(p,s,r,k,d,o){return t(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n('<h1 id="insert-sort" tabindex="-1">Insert Sort <a class="header-anchor" href="#insert-sort" aria-label="Permalink to &quot;Insert Sort&quot;">​</a></h1><p>Stable sorting algorithm, because no matter what data is entered is O(n2) time complexity, so when it is used, the smaller the data size, the better. The advantage is that no additional memory space is taken up. It works by building an ordered sequence and, for unsorted data, scanning from back to front in the sorted sequence, finding the appropriate position and inserting it.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Start with the first element, which can be considered to have been sorted;</li><li>Take the next element and scan it from back to front in the already sorted sequence of elements;</li><li>If the element (sorted) is larger than the new element, move the element to the next position;</li><li>Repeat step 3 until you find a position where the sorted element is less than or equal to the new element;</li><li>After inserting a new element into this position;</li><li>Repeat Steps 2 to 5.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Insert Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> insert</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[])</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/insert.Bde3uDH4.js";import{_ as a,o as t,c as e,a3 as n}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Insert Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/insert/index.md","filePath":"src/article/sort/insert/index.md","lastUpdated":1728129344000}'),h={name:"src/article/sort/insert/index.md"};function l(p,s,r,k,d,o){return t(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n('<h1 id="insert-sort" tabindex="-1">Insert Sort <a class="header-anchor" href="#insert-sort" aria-label="Permalink to &quot;Insert Sort&quot;">​</a></h1><p>Stable sorting algorithm, because no matter what data is entered is O(n2) time complexity, so when it is used, the smaller the data size, the better. The advantage is that no additional memory space is taken up. It works by building an ordered sequence and, for unsorted data, scanning from back to front in the sorted sequence, finding the appropriate position and inserting it.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Start with the first element, which can be considered to have been sorted;</li><li>Take the next element and scan it from back to front in the already sorted sequence of elements;</li><li>If the element (sorted) is larger than the new element, move the element to the next position;</li><li>Repeat step 3 until you find a position where the sorted element is less than or equal to the new element;</li><li>After inserting a new element into this position;</li><li>Repeat Steps 2 to 5.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Insert Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> insert</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[])</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> size</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> size; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> current</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[i];</span></span>
diff --git a/assets/src_article_sort_insert_index.md.B-oNm95-.lean.js b/assets/src_article_sort_insert_index.md.Cmba0n6W.lean.js
similarity index 99%
rename from assets/src_article_sort_insert_index.md.B-oNm95-.lean.js
rename to assets/src_article_sort_insert_index.md.Cmba0n6W.lean.js
index 1aaad78399..d0914fad2e 100644
--- a/assets/src_article_sort_insert_index.md.B-oNm95-.lean.js
+++ b/assets/src_article_sort_insert_index.md.Cmba0n6W.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/insert.Bde3uDH4.js";import{_ as a,o as t,c as e,a3 as n}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Insert Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/insert/index.md","filePath":"src/article/sort/insert/index.md","lastUpdated":1728129125000}'),h={name:"src/article/sort/insert/index.md"};function l(p,s,r,k,d,o){return t(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n('<h1 id="insert-sort" tabindex="-1">Insert Sort <a class="header-anchor" href="#insert-sort" aria-label="Permalink to &quot;Insert Sort&quot;">​</a></h1><p>Stable sorting algorithm, because no matter what data is entered is O(n2) time complexity, so when it is used, the smaller the data size, the better. The advantage is that no additional memory space is taken up. It works by building an ordered sequence and, for unsorted data, scanning from back to front in the sorted sequence, finding the appropriate position and inserting it.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Start with the first element, which can be considered to have been sorted;</li><li>Take the next element and scan it from back to front in the already sorted sequence of elements;</li><li>If the element (sorted) is larger than the new element, move the element to the next position;</li><li>Repeat step 3 until you find a position where the sorted element is less than or equal to the new element;</li><li>After inserting a new element into this position;</li><li>Repeat Steps 2 to 5.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Insert Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> insert</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[])</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/insert.Bde3uDH4.js";import{_ as a,o as t,c as e,a3 as n}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Insert Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/insert/index.md","filePath":"src/article/sort/insert/index.md","lastUpdated":1728129344000}'),h={name:"src/article/sort/insert/index.md"};function l(p,s,r,k,d,o){return t(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n('<h1 id="insert-sort" tabindex="-1">Insert Sort <a class="header-anchor" href="#insert-sort" aria-label="Permalink to &quot;Insert Sort&quot;">​</a></h1><p>Stable sorting algorithm, because no matter what data is entered is O(n2) time complexity, so when it is used, the smaller the data size, the better. The advantage is that no additional memory space is taken up. It works by building an ordered sequence and, for unsorted data, scanning from back to front in the sorted sequence, finding the appropriate position and inserting it.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Start with the first element, which can be considered to have been sorted;</li><li>Take the next element and scan it from back to front in the already sorted sequence of elements;</li><li>If the element (sorted) is larger than the new element, move the element to the next position;</li><li>Repeat step 3 until you find a position where the sorted element is less than or equal to the new element;</li><li>After inserting a new element into this position;</li><li>Repeat Steps 2 to 5.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Insert Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> insert</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[])</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> size</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> size; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> current</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[i];</span></span>
diff --git a/assets/src_article_sort_merge_index.md.D6h05wbs.js b/assets/src_article_sort_merge_index.md.BYCAvkHG.js
similarity index 99%
rename from assets/src_article_sort_merge_index.md.D6h05wbs.js
rename to assets/src_article_sort_merge_index.md.BYCAvkHG.js
index 046afd4e85..b5e4694316 100644
--- a/assets/src_article_sort_merge_index.md.D6h05wbs.js
+++ b/assets/src_article_sort_merge_index.md.BYCAvkHG.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/merge.D_M4N_iU.js";import{_ as a,o as n,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"Merge Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/merge/index.md","filePath":"src/article/sort/merge/index.md","lastUpdated":1728129125000}'),l={name:"src/article/sort/merge/index.md"};function k(e,s,p,r,E,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="merge-sort" tabindex="-1">Merge Sort <a class="header-anchor" href="#merge-sort" aria-label="Permalink to &quot;Merge Sort&quot;">​</a></h1><p>Merge sort is an effective sort algorithm based on merge operation. This algorithm is a very typical application of Divide and Conquer. By combining the ordered subsequences, a completely ordered sequence is obtained. That is, each subsequence is ordered first, and then the subsequence segments are ordered. If two ordered tables are merged into one ordered table, it is called a 2-way merge.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Divide the input sequence of length n into two subsequences of length n/2;</li><li>The two subsequences were merged and sorted respectively.</li><li>Merge two sorted subsequences into one final sorted sequence.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Merge Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> combine</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">left</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">right</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/merge.D_M4N_iU.js";import{_ as a,o as n,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"Merge Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/merge/index.md","filePath":"src/article/sort/merge/index.md","lastUpdated":1728129344000}'),l={name:"src/article/sort/merge/index.md"};function k(e,s,p,r,E,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="merge-sort" tabindex="-1">Merge Sort <a class="header-anchor" href="#merge-sort" aria-label="Permalink to &quot;Merge Sort&quot;">​</a></h1><p>Merge sort is an effective sort algorithm based on merge operation. This algorithm is a very typical application of Divide and Conquer. By combining the ordered subsequences, a completely ordered sequence is obtained. That is, each subsequence is ordered first, and then the subsequence segments are ordered. If two ordered tables are merged into one ordered table, it is called a 2-way merge.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Divide the input sequence of length n into two subsequences of length n/2;</li><li>The two subsequences were merged and sorted respectively.</li><li>Merge two sorted subsequences into one final sorted sequence.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Merge Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> combine</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">left</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">right</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  while</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (left.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &amp;&amp;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> right.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (left[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> right[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]) {</span></span>
diff --git a/assets/src_article_sort_merge_index.md.D6h05wbs.lean.js b/assets/src_article_sort_merge_index.md.BYCAvkHG.lean.js
similarity index 99%
rename from assets/src_article_sort_merge_index.md.D6h05wbs.lean.js
rename to assets/src_article_sort_merge_index.md.BYCAvkHG.lean.js
index 046afd4e85..b5e4694316 100644
--- a/assets/src_article_sort_merge_index.md.D6h05wbs.lean.js
+++ b/assets/src_article_sort_merge_index.md.BYCAvkHG.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/merge.D_M4N_iU.js";import{_ as a,o as n,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"Merge Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/merge/index.md","filePath":"src/article/sort/merge/index.md","lastUpdated":1728129125000}'),l={name:"src/article/sort/merge/index.md"};function k(e,s,p,r,E,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="merge-sort" tabindex="-1">Merge Sort <a class="header-anchor" href="#merge-sort" aria-label="Permalink to &quot;Merge Sort&quot;">​</a></h1><p>Merge sort is an effective sort algorithm based on merge operation. This algorithm is a very typical application of Divide and Conquer. By combining the ordered subsequences, a completely ordered sequence is obtained. That is, each subsequence is ordered first, and then the subsequence segments are ordered. If two ordered tables are merged into one ordered table, it is called a 2-way merge.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Divide the input sequence of length n into two subsequences of length n/2;</li><li>The two subsequences were merged and sorted respectively.</li><li>Merge two sorted subsequences into one final sorted sequence.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Merge Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> combine</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">left</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">right</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/merge.D_M4N_iU.js";import{_ as a,o as n,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"Merge Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/merge/index.md","filePath":"src/article/sort/merge/index.md","lastUpdated":1728129344000}'),l={name:"src/article/sort/merge/index.md"};function k(e,s,p,r,E,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="merge-sort" tabindex="-1">Merge Sort <a class="header-anchor" href="#merge-sort" aria-label="Permalink to &quot;Merge Sort&quot;">​</a></h1><p>Merge sort is an effective sort algorithm based on merge operation. This algorithm is a very typical application of Divide and Conquer. By combining the ordered subsequences, a completely ordered sequence is obtained. That is, each subsequence is ordered first, and then the subsequence segments are ordered. If two ordered tables are merged into one ordered table, it is called a 2-way merge.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Divide the input sequence of length n into two subsequences of length n/2;</li><li>The two subsequences were merged and sorted respectively.</li><li>Merge two sorted subsequences into one final sorted sequence.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Merge Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> combine</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">left</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">right</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  while</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (left.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &amp;&amp;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> right.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (left[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> right[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]) {</span></span>
diff --git a/assets/src_article_sort_quick_index.md.C9uemKEa.js b/assets/src_article_sort_quick_index.md.BVXZPTlC.js
similarity index 99%
rename from assets/src_article_sort_quick_index.md.C9uemKEa.js
rename to assets/src_article_sort_quick_index.md.BVXZPTlC.js
index 9701ffee36..b50f5a3f6e 100644
--- a/assets/src_article_sort_quick_index.md.C9uemKEa.js
+++ b/assets/src_article_sort_quick_index.md.BVXZPTlC.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/quick.WcLzRUPH.js";import{_ as a,o as n,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"Quick Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/quick/index.md","filePath":"src/article/sort/quick/index.md","lastUpdated":1728129125000}'),k={name:"src/article/sort/quick/index.md"};function l(p,s,e,r,E,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="quick-sort" tabindex="-1">Quick Sort <a class="header-anchor" href="#quick-sort" aria-label="Permalink to &quot;Quick Sort&quot;">​</a></h1><p>The basic idea of quick sorting is that the records to be sorted are separated into two independent parts through one sort. The keywords of one part of the records are smaller than those of the other part. Then the two parts of the records can be sorted separately to achieve the entire sequence.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><p>Quicksort uses divide-and-conquer to divide a list into two sub-lists. The specific algorithm is described as follows:</p><ul><li>Picking out an element from the sequence, called a &quot;pivot&quot;;</li><li>Reorder the sequence so that all elements smaller than the base value are placed in front of the base value and all elements larger than the base value are placed behind the base value (the same number can go to either side). After the partition exits, the benchmark is in the middle of the sequence. This is called a partition operation;</li><li>Recursively sorts subsequences of elements less than the base value and subsequences of elements greater than the base value.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Quick Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
+import{_ as i}from"./chunks/quick.WcLzRUPH.js";import{_ as a,o as n,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"Quick Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/quick/index.md","filePath":"src/article/sort/quick/index.md","lastUpdated":1728129344000}'),k={name:"src/article/sort/quick/index.md"};function l(p,s,e,r,E,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="quick-sort" tabindex="-1">Quick Sort <a class="header-anchor" href="#quick-sort" aria-label="Permalink to &quot;Quick Sort&quot;">​</a></h1><p>The basic idea of quick sorting is that the records to be sorted are separated into two independent parts through one sort. The keywords of one part of the records are smaller than those of the other part. Then the two parts of the records can be sorted separately to achieve the entire sequence.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><p>Quicksort uses divide-and-conquer to divide a list into two sub-lists. The specific algorithm is described as follows:</p><ul><li>Picking out an element from the sequence, called a &quot;pivot&quot;;</li><li>Reorder the sequence so that all elements smaller than the base value are placed in front of the base value and all elements larger than the base value are placed behind the base value (the same number can go to either side). After the partition exits, the benchmark is in the middle of the sequence. This is called a partition operation;</li><li>Recursively sorts subsequences of elements less than the base value and subsequences of elements greater than the base value.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Quick Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@description</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">: Sets the base value pivot</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@param</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> {Array}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@param</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> {number}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> left</span></span>
diff --git a/assets/src_article_sort_quick_index.md.C9uemKEa.lean.js b/assets/src_article_sort_quick_index.md.BVXZPTlC.lean.js
similarity index 99%
rename from assets/src_article_sort_quick_index.md.C9uemKEa.lean.js
rename to assets/src_article_sort_quick_index.md.BVXZPTlC.lean.js
index 9701ffee36..b50f5a3f6e 100644
--- a/assets/src_article_sort_quick_index.md.C9uemKEa.lean.js
+++ b/assets/src_article_sort_quick_index.md.BVXZPTlC.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/quick.WcLzRUPH.js";import{_ as a,o as n,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"Quick Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/quick/index.md","filePath":"src/article/sort/quick/index.md","lastUpdated":1728129125000}'),k={name:"src/article/sort/quick/index.md"};function l(p,s,e,r,E,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="quick-sort" tabindex="-1">Quick Sort <a class="header-anchor" href="#quick-sort" aria-label="Permalink to &quot;Quick Sort&quot;">​</a></h1><p>The basic idea of quick sorting is that the records to be sorted are separated into two independent parts through one sort. The keywords of one part of the records are smaller than those of the other part. Then the two parts of the records can be sorted separately to achieve the entire sequence.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><p>Quicksort uses divide-and-conquer to divide a list into two sub-lists. The specific algorithm is described as follows:</p><ul><li>Picking out an element from the sequence, called a &quot;pivot&quot;;</li><li>Reorder the sequence so that all elements smaller than the base value are placed in front of the base value and all elements larger than the base value are placed behind the base value (the same number can go to either side). After the partition exits, the benchmark is in the middle of the sequence. This is called a partition operation;</li><li>Recursively sorts subsequences of elements less than the base value and subsequences of elements greater than the base value.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Quick Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
+import{_ as i}from"./chunks/quick.WcLzRUPH.js";import{_ as a,o as n,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"Quick Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/quick/index.md","filePath":"src/article/sort/quick/index.md","lastUpdated":1728129344000}'),k={name:"src/article/sort/quick/index.md"};function l(p,s,e,r,E,d){return n(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="quick-sort" tabindex="-1">Quick Sort <a class="header-anchor" href="#quick-sort" aria-label="Permalink to &quot;Quick Sort&quot;">​</a></h1><p>The basic idea of quick sorting is that the records to be sorted are separated into two independent parts through one sort. The keywords of one part of the records are smaller than those of the other part. Then the two parts of the records can be sorted separately to achieve the entire sequence.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><p>Quicksort uses divide-and-conquer to divide a list into two sub-lists. The specific algorithm is described as follows:</p><ul><li>Picking out an element from the sequence, called a &quot;pivot&quot;;</li><li>Reorder the sequence so that all elements smaller than the base value are placed in front of the base value and all elements larger than the base value are placed behind the base value (the same number can go to either side). After the partition exits, the benchmark is in the middle of the sequence. This is called a partition operation;</li><li>Recursively sorts subsequences of elements less than the base value and subsequences of elements greater than the base value.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Quick Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@description</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">: Sets the base value pivot</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@param</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> {Array}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@param</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> {number}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> left</span></span>
diff --git a/assets/src_article_sort_radix_index.md.Ca-wVT5Q.js b/assets/src_article_sort_radix_index.md.CZgriu-L.js
similarity index 99%
rename from assets/src_article_sort_radix_index.md.Ca-wVT5Q.js
rename to assets/src_article_sort_radix_index.md.CZgriu-L.js
index d4f2b1ef52..78c0376083 100644
--- a/assets/src_article_sort_radix_index.md.Ca-wVT5Q.js
+++ b/assets/src_article_sort_radix_index.md.CZgriu-L.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/radix.CHOmrmB0.js";import{_ as a,o as t,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"Radix Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/radix/index.md","filePath":"src/article/sort/radix/index.md","lastUpdated":1728129125000}'),k={name:"src/article/sort/radix/index.md"};function l(p,s,e,r,E,d){return t(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1 id="radix-sort" tabindex="-1">Radix Sort <a class="header-anchor" href="#radix-sort" aria-label="Permalink to &quot;Radix Sort&quot;">​</a></h1><p>Radix sort is sorted by the lowest order first, and then collected; Then sort by high order, and then collect; And so on until you reach the top. Sometimes properties are prioritized, first by low priority and then by high priority. The final order is that the higher priority comes first and the lower priority comes first if the higher priority is the same. Bucket sort extension, similar to specifying bucket sort by bit, but can take advantage of the count sort for a small range of numbers.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Get the largest number in the array, and get the number of bits;</li><li>arr is the original array, and each bit is taken from the lowest point to form radix array.</li><li>radix was sorted by counting (taking advantage of the feature that counting sort is suitable for a small range of numbers);</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Radix Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMax</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/radix.CHOmrmB0.js";import{_ as a,o as t,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"Radix Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/radix/index.md","filePath":"src/article/sort/radix/index.md","lastUpdated":1728129344000}'),k={name:"src/article/sort/radix/index.md"};function l(p,s,e,r,E,d){return t(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1 id="radix-sort" tabindex="-1">Radix Sort <a class="header-anchor" href="#radix-sort" aria-label="Permalink to &quot;Radix Sort&quot;">​</a></h1><p>Radix sort is sorted by the lowest order first, and then collected; Then sort by high order, and then collect; And so on until you reach the top. Sometimes properties are prioritized, first by low priority and then by high priority. The final order is that the higher priority comes first and the lower priority comes first if the higher priority is the same. Bucket sort extension, similar to specifying bucket sort by bit, but can take advantage of the count sort for a small range of numbers.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Get the largest number in the array, and get the number of bits;</li><li>arr is the original array, and each bit is taken from the lowest point to form radix array.</li><li>radix was sorted by counting (taking advantage of the feature that counting sort is suitable for a small range of numbers);</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Radix Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMax</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[i]) {</span></span>
diff --git a/assets/src_article_sort_radix_index.md.Ca-wVT5Q.lean.js b/assets/src_article_sort_radix_index.md.CZgriu-L.lean.js
similarity index 99%
rename from assets/src_article_sort_radix_index.md.Ca-wVT5Q.lean.js
rename to assets/src_article_sort_radix_index.md.CZgriu-L.lean.js
index d4f2b1ef52..78c0376083 100644
--- a/assets/src_article_sort_radix_index.md.Ca-wVT5Q.lean.js
+++ b/assets/src_article_sort_radix_index.md.CZgriu-L.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/radix.CHOmrmB0.js";import{_ as a,o as t,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"Radix Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/radix/index.md","filePath":"src/article/sort/radix/index.md","lastUpdated":1728129125000}'),k={name:"src/article/sort/radix/index.md"};function l(p,s,e,r,E,d){return t(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1 id="radix-sort" tabindex="-1">Radix Sort <a class="header-anchor" href="#radix-sort" aria-label="Permalink to &quot;Radix Sort&quot;">​</a></h1><p>Radix sort is sorted by the lowest order first, and then collected; Then sort by high order, and then collect; And so on until you reach the top. Sometimes properties are prioritized, first by low priority and then by high priority. The final order is that the higher priority comes first and the lower priority comes first if the higher priority is the same. Bucket sort extension, similar to specifying bucket sort by bit, but can take advantage of the count sort for a small range of numbers.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Get the largest number in the array, and get the number of bits;</li><li>arr is the original array, and each bit is taken from the lowest point to form radix array.</li><li>radix was sorted by counting (taking advantage of the feature that counting sort is suitable for a small range of numbers);</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Radix Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMax</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/radix.CHOmrmB0.js";import{_ as a,o as t,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"Radix Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/radix/index.md","filePath":"src/article/sort/radix/index.md","lastUpdated":1728129344000}'),k={name:"src/article/sort/radix/index.md"};function l(p,s,e,r,E,d){return t(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h('<h1 id="radix-sort" tabindex="-1">Radix Sort <a class="header-anchor" href="#radix-sort" aria-label="Permalink to &quot;Radix Sort&quot;">​</a></h1><p>Radix sort is sorted by the lowest order first, and then collected; Then sort by high order, and then collect; And so on until you reach the top. Sometimes properties are prioritized, first by low priority and then by high priority. The final order is that the higher priority comes first and the lower priority comes first if the higher priority is the same. Bucket sort extension, similar to specifying bucket sort by bit, but can take advantage of the count sort for a small range of numbers.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><ul><li>Get the largest number in the array, and get the number of bits;</li><li>arr is the original array, and each bit is taken from the lowest point to form radix array.</li><li>radix was sorted by counting (taking advantage of the feature that counting sort is suitable for a small range of numbers);</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Radix Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMax</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (max </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list[i]) {</span></span>
diff --git a/assets/src_article_sort_select_index.md.CgrU_Nnu.js b/assets/src_article_sort_select_index.md.DVQbDLxi.js
similarity index 99%
rename from assets/src_article_sort_select_index.md.CgrU_Nnu.js
rename to assets/src_article_sort_select_index.md.DVQbDLxi.js
index 62070c8e07..5336e8d360 100644
--- a/assets/src_article_sort_select_index.md.CgrU_Nnu.js
+++ b/assets/src_article_sort_select_index.md.DVQbDLxi.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/select.BGReufCV.js";import{_ as a,o as t,c as n,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"Selection Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/select/index.md","filePath":"src/article/sort/select/index.md","lastUpdated":1728129125000}'),h={name:"src/article/sort/select/index.md"};function l(k,s,r,p,d,o){return t(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e('<h1 id="selection-sort" tabindex="-1">Selection Sort <a class="header-anchor" href="#selection-sort" aria-label="Permalink to &quot;Selection Sort&quot;">​</a></h1><p>Select-sort is a simple and intuitive sorting algorithm. It works by first finding the smallest (large) element in the unsorted sequence and storing it at the beginning of the sorted sequence, then continuing to find the smallest (large) element from the remaining unsorted elements and placing it at the end of the sorted sequence. And so on until all the elements are sorted.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><p>Ordering results can be obtained by direct selection sorting of n records through n-1 direct selection sorting. The specific algorithm is described as follows:</p><ul><li>Initial state: disordered region is R[1..n], ordered region is empty;</li><li>i sort (i=1,2,3... n-1) At the beginning, the current ordered and disordered regions are R[1..i-1] and R(i.. n). The run sort selects the record R[k] with the smallest keyword from the current unordered area and swaps it with the first record R in the unordered area, so that R[1..i] and R[i+1..n) become a new ordered area with 1 more records and a new unordered area with 1 less records, respectively.</li><li>n-1 is done. The array is ordered.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Selection Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> select</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[])</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/select.BGReufCV.js";import{_ as a,o as t,c as n,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"Selection Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/select/index.md","filePath":"src/article/sort/select/index.md","lastUpdated":1728129344000}'),h={name:"src/article/sort/select/index.md"};function l(k,s,r,p,d,o){return t(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e('<h1 id="selection-sort" tabindex="-1">Selection Sort <a class="header-anchor" href="#selection-sort" aria-label="Permalink to &quot;Selection Sort&quot;">​</a></h1><p>Select-sort is a simple and intuitive sorting algorithm. It works by first finding the smallest (large) element in the unsorted sequence and storing it at the beginning of the sorted sequence, then continuing to find the smallest (large) element from the remaining unsorted elements and placing it at the end of the sorted sequence. And so on until all the elements are sorted.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><p>Ordering results can be obtained by direct selection sorting of n records through n-1 direct selection sorting. The specific algorithm is described as follows:</p><ul><li>Initial state: disordered region is R[1..n], ordered region is empty;</li><li>i sort (i=1,2,3... n-1) At the beginning, the current ordered and disordered regions are R[1..i-1] and R(i.. n). The run sort selects the record R[k] with the smallest keyword from the current unordered area and swaps it with the first record R in the unordered area, so that R[1..i] and R[i+1..n) become a new ordered area with 1 more records and a new unordered area with 1 less records, respectively.</li><li>n-1 is done. The array is ordered.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Selection Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> select</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[])</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> size</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> size; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> minIndex </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i;</span></span>
diff --git a/assets/src_article_sort_select_index.md.CgrU_Nnu.lean.js b/assets/src_article_sort_select_index.md.DVQbDLxi.lean.js
similarity index 99%
rename from assets/src_article_sort_select_index.md.CgrU_Nnu.lean.js
rename to assets/src_article_sort_select_index.md.DVQbDLxi.lean.js
index 62070c8e07..5336e8d360 100644
--- a/assets/src_article_sort_select_index.md.CgrU_Nnu.lean.js
+++ b/assets/src_article_sort_select_index.md.DVQbDLxi.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/select.BGReufCV.js";import{_ as a,o as t,c as n,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"Selection Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/select/index.md","filePath":"src/article/sort/select/index.md","lastUpdated":1728129125000}'),h={name:"src/article/sort/select/index.md"};function l(k,s,r,p,d,o){return t(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e('<h1 id="selection-sort" tabindex="-1">Selection Sort <a class="header-anchor" href="#selection-sort" aria-label="Permalink to &quot;Selection Sort&quot;">​</a></h1><p>Select-sort is a simple and intuitive sorting algorithm. It works by first finding the smallest (large) element in the unsorted sequence and storing it at the beginning of the sorted sequence, then continuing to find the smallest (large) element from the remaining unsorted elements and placing it at the end of the sorted sequence. And so on until all the elements are sorted.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><p>Ordering results can be obtained by direct selection sorting of n records through n-1 direct selection sorting. The specific algorithm is described as follows:</p><ul><li>Initial state: disordered region is R[1..n], ordered region is empty;</li><li>i sort (i=1,2,3... n-1) At the beginning, the current ordered and disordered regions are R[1..i-1] and R(i.. n). The run sort selects the record R[k] with the smallest keyword from the current unordered area and swaps it with the first record R in the unordered area, so that R[1..i] and R[i+1..n) become a new ordered area with 1 more records and a new unordered area with 1 less records, respectively.</li><li>n-1 is done. The array is ordered.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Selection Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> select</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[])</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i}from"./chunks/select.BGReufCV.js";import{_ as a,o as t,c as n,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"Selection Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/select/index.md","filePath":"src/article/sort/select/index.md","lastUpdated":1728129344000}'),h={name:"src/article/sort/select/index.md"};function l(k,s,r,p,d,o){return t(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e('<h1 id="selection-sort" tabindex="-1">Selection Sort <a class="header-anchor" href="#selection-sort" aria-label="Permalink to &quot;Selection Sort&quot;">​</a></h1><p>Select-sort is a simple and intuitive sorting algorithm. It works by first finding the smallest (large) element in the unsorted sequence and storing it at the beginning of the sorted sequence, then continuing to find the smallest (large) element from the remaining unsorted elements and placing it at the end of the sorted sequence. And so on until all the elements are sorted.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><p>Ordering results can be obtained by direct selection sorting of n records through n-1 direct selection sorting. The specific algorithm is described as follows:</p><ul><li>Initial state: disordered region is R[1..n], ordered region is empty;</li><li>i sort (i=1,2,3... n-1) At the beginning, the current ordered and disordered regions are R[1..i-1] and R(i.. n). The run sort selects the record R[k] with the smallest keyword from the current unordered area and swaps it with the first record R in the unordered area, so that R[1..i] and R[i+1..n) become a new ordered area with 1 more records and a new unordered area with 1 less records, respectively.</li><li>n-1 is done. The array is ordered.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Selection Sort"></p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> select</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[])</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> size</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  for</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; i </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">&lt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> size; i</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">++</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> minIndex </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> i;</span></span>
diff --git a/assets/src_article_sort_shell_index.md.DOUhMGGU.js b/assets/src_article_sort_shell_index.md.CGmp_Zfr.js
similarity index 99%
rename from assets/src_article_sort_shell_index.md.DOUhMGGU.js
rename to assets/src_article_sort_shell_index.md.CGmp_Zfr.js
index 4038bc7cc9..3bba741c05 100644
--- a/assets/src_article_sort_shell_index.md.DOUhMGGU.js
+++ b/assets/src_article_sort_shell_index.md.CGmp_Zfr.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/shell.CGEkKxrp.js";import{_ as a,o as n,c as e,a3 as t}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"Shell Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/shell/index.md","filePath":"src/article/sort/shell/index.md","lastUpdated":1728129125000}'),l={name:"src/article/sort/shell/index.md"};function h(p,s,k,r,d,o){return n(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="shell-sort" tabindex="-1">Shell Sort <a class="header-anchor" href="#shell-sort" aria-label="Permalink to &quot;Shell Sort&quot;">​</a></h1><p>Shell was invented in 1959, and the first breakthrough O(n2) sorting algorithm was an improved version of simple insertion sorting. It differs from insertion sort in that it gives preference to more distant elements. Hill sort is also called reduced increment sort.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><p>First, the whole record sequence to be sorted is divided into several sub-sequences for direct insertion sorting. The specific algorithm is described as follows:</p><ul><li>Select an incremental sequence t1, t2,... tk, wherein ti&gt; tj, tk=1;</li><li>According to the number of incremental sequences k, the sequence is sorted by k passes.</li><li>For each sequence, according to the corresponding increment ti, the sequence to be sorted is divided into several sub-sequences with length m, and each sub-table is sorted by direct insertion. When the increment factor is only 1, the entire sequence is treated as a table, and the length of the table is the length of the entire sequence.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Shell Sort"></p><h2 id="code-implementation" tabindex="-1">Code implementation <a class="header-anchor" href="#code-implementation" aria-label="Permalink to &quot;Code implementation&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
+import{_ as i}from"./chunks/shell.CGEkKxrp.js";import{_ as a,o as n,c as e,a3 as t}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"Shell Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/shell/index.md","filePath":"src/article/sort/shell/index.md","lastUpdated":1728129344000}'),l={name:"src/article/sort/shell/index.md"};function h(p,s,k,r,d,o){return n(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="shell-sort" tabindex="-1">Shell Sort <a class="header-anchor" href="#shell-sort" aria-label="Permalink to &quot;Shell Sort&quot;">​</a></h1><p>Shell was invented in 1959, and the first breakthrough O(n2) sorting algorithm was an improved version of simple insertion sorting. It differs from insertion sort in that it gives preference to more distant elements. Hill sort is also called reduced increment sort.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><p>First, the whole record sequence to be sorted is divided into several sub-sequences for direct insertion sorting. The specific algorithm is described as follows:</p><ul><li>Select an incremental sequence t1, t2,... tk, wherein ti&gt; tj, tk=1;</li><li>According to the number of incremental sequences k, the sequence is sorted by k passes.</li><li>For each sequence, according to the corresponding increment ti, the sequence to be sorted is divided into several sub-sequences with length m, and each sub-table is sorted by direct insertion. When the increment factor is only 1, the entire sequence is treated as a table, and the length of the table is the length of the entire sequence.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Shell Sort"></p><h2 id="code-implementation" tabindex="-1">Code implementation <a class="header-anchor" href="#code-implementation" aria-label="Permalink to &quot;Code implementation&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@description</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">: Hill sort is an improved version of simple insertion sort. It differs from insertion sort in that it gives preference to more distant elements. Hill sort is also called reduced increment sort.</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@param</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> {Array}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@return</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> {Array}</span></span>
diff --git a/assets/src_article_sort_shell_index.md.DOUhMGGU.lean.js b/assets/src_article_sort_shell_index.md.CGmp_Zfr.lean.js
similarity index 99%
rename from assets/src_article_sort_shell_index.md.DOUhMGGU.lean.js
rename to assets/src_article_sort_shell_index.md.CGmp_Zfr.lean.js
index 4038bc7cc9..3bba741c05 100644
--- a/assets/src_article_sort_shell_index.md.DOUhMGGU.lean.js
+++ b/assets/src_article_sort_shell_index.md.CGmp_Zfr.lean.js
@@ -1,4 +1,4 @@
-import{_ as i}from"./chunks/shell.CGEkKxrp.js";import{_ as a,o as n,c as e,a3 as t}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"Shell Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/shell/index.md","filePath":"src/article/sort/shell/index.md","lastUpdated":1728129125000}'),l={name:"src/article/sort/shell/index.md"};function h(p,s,k,r,d,o){return n(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="shell-sort" tabindex="-1">Shell Sort <a class="header-anchor" href="#shell-sort" aria-label="Permalink to &quot;Shell Sort&quot;">​</a></h1><p>Shell was invented in 1959, and the first breakthrough O(n2) sorting algorithm was an improved version of simple insertion sorting. It differs from insertion sort in that it gives preference to more distant elements. Hill sort is also called reduced increment sort.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><p>First, the whole record sequence to be sorted is divided into several sub-sequences for direct insertion sorting. The specific algorithm is described as follows:</p><ul><li>Select an incremental sequence t1, t2,... tk, wherein ti&gt; tj, tk=1;</li><li>According to the number of incremental sequences k, the sequence is sorted by k passes.</li><li>For each sequence, according to the corresponding increment ti, the sequence to be sorted is divided into several sub-sequences with length m, and each sub-table is sorted by direct insertion. When the increment factor is only 1, the entire sequence is treated as a table, and the length of the table is the length of the entire sequence.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Shell Sort"></p><h2 id="code-implementation" tabindex="-1">Code implementation <a class="header-anchor" href="#code-implementation" aria-label="Permalink to &quot;Code implementation&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
+import{_ as i}from"./chunks/shell.CGEkKxrp.js";import{_ as a,o as n,c as e,a3 as t}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"Shell Sort","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/sort/shell/index.md","filePath":"src/article/sort/shell/index.md","lastUpdated":1728129344000}'),l={name:"src/article/sort/shell/index.md"};function h(p,s,k,r,d,o){return n(),e("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="shell-sort" tabindex="-1">Shell Sort <a class="header-anchor" href="#shell-sort" aria-label="Permalink to &quot;Shell Sort&quot;">​</a></h1><p>Shell was invented in 1959, and the first breakthrough O(n2) sorting algorithm was an improved version of simple insertion sorting. It differs from insertion sort in that it gives preference to more distant elements. Hill sort is also called reduced increment sort.</p><h2 id="algorithm-description" tabindex="-1">Algorithm description <a class="header-anchor" href="#algorithm-description" aria-label="Permalink to &quot;Algorithm description&quot;">​</a></h2><p>First, the whole record sequence to be sorted is divided into several sub-sequences for direct insertion sorting. The specific algorithm is described as follows:</p><ul><li>Select an incremental sequence t1, t2,... tk, wherein ti&gt; tj, tk=1;</li><li>According to the number of incremental sequences k, the sequence is sorted by k passes.</li><li>For each sequence, according to the corresponding increment ti, the sequence to be sorted is divided into several sub-sequences with length m, and each sub-table is sorted by direct insertion. When the increment factor is only 1, the entire sequence is treated as a table, and the length of the table is the length of the entire sequence.</li></ul><h2 id="gif-presentation" tabindex="-1">GIF presentation <a class="header-anchor" href="#gif-presentation" aria-label="Permalink to &quot;GIF presentation&quot;">​</a></h2><p><img src="'+i+`" alt="Shell Sort"></p><h2 id="code-implementation" tabindex="-1">Code implementation <a class="header-anchor" href="#code-implementation" aria-label="Permalink to &quot;Code implementation&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">/**</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@description</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">: Hill sort is an improved version of simple insertion sort. It differs from insertion sort in that it gives preference to more distant elements. Hill sort is also called reduced increment sort.</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@param</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> {Array}</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"> * </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">@return</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> {Array}</span></span>
diff --git a/assets/src_article_typescript_calculate.md.CVW8Xao2.js b/assets/src_article_typescript_calculate.md.vojGlJJE.js
similarity index 99%
rename from assets/src_article_typescript_calculate.md.CVW8Xao2.js
rename to assets/src_article_typescript_calculate.md.vojGlJJE.js
index 8bfc27daac..56d83b22ad 100644
--- a/assets/src_article_typescript_calculate.md.CVW8Xao2.js
+++ b/assets/src_article_typescript_calculate.md.vojGlJJE.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"数组长度做计数","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/calculate.md","filePath":"src/article/typescript/calculate.md","lastUpdated":1728129125000}'),k={name:"src/article/typescript/calculate.md"};function t(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="数组长度做计数" tabindex="-1">数组长度做计数 <a class="header-anchor" href="#数组长度做计数" aria-label="Permalink to &quot;数组长度做计数&quot;">​</a></h1><p>类型系统不是图灵完备，各种逻辑都能写么，但好像没发现数值相关的逻辑。</p><p>没错，数值相关的逻辑比较绕，被我单独摘了出来，就是这节要讲的内容。</p><p>这是类型体操的第四个套路：数组长度做计数。</p><p>TypeScript 类型系统没有加减乘除运算符，怎么做数值运算呢？</p><p>不知道大家有没有注意到数组类型取 length 就是数值。</p><p>比如：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> num1</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;length&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
+import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"数组长度做计数","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/calculate.md","filePath":"src/article/typescript/calculate.md","lastUpdated":1728129344000}'),k={name:"src/article/typescript/calculate.md"};function t(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="数组长度做计数" tabindex="-1">数组长度做计数 <a class="header-anchor" href="#数组长度做计数" aria-label="Permalink to &quot;数组长度做计数&quot;">​</a></h1><p>类型系统不是图灵完备，各种逻辑都能写么，但好像没发现数值相关的逻辑。</p><p>没错，数值相关的逻辑比较绕，被我单独摘了出来，就是这节要讲的内容。</p><p>这是类型体操的第四个套路：数组长度做计数。</p><p>TypeScript 类型系统没有加减乘除运算符，怎么做数值运算呢？</p><p>不知道大家有没有注意到数组类型取 length 就是数值。</p><p>比如：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> num1</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;length&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type num1 = 1</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> num2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;length&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type num1 = 2</span></span>
diff --git a/assets/src_article_typescript_calculate.md.CVW8Xao2.lean.js b/assets/src_article_typescript_calculate.md.vojGlJJE.lean.js
similarity index 99%
rename from assets/src_article_typescript_calculate.md.CVW8Xao2.lean.js
rename to assets/src_article_typescript_calculate.md.vojGlJJE.lean.js
index 8bfc27daac..56d83b22ad 100644
--- a/assets/src_article_typescript_calculate.md.CVW8Xao2.lean.js
+++ b/assets/src_article_typescript_calculate.md.vojGlJJE.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"数组长度做计数","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/calculate.md","filePath":"src/article/typescript/calculate.md","lastUpdated":1728129125000}'),k={name:"src/article/typescript/calculate.md"};function t(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="数组长度做计数" tabindex="-1">数组长度做计数 <a class="header-anchor" href="#数组长度做计数" aria-label="Permalink to &quot;数组长度做计数&quot;">​</a></h1><p>类型系统不是图灵完备，各种逻辑都能写么，但好像没发现数值相关的逻辑。</p><p>没错，数值相关的逻辑比较绕，被我单独摘了出来，就是这节要讲的内容。</p><p>这是类型体操的第四个套路：数组长度做计数。</p><p>TypeScript 类型系统没有加减乘除运算符，怎么做数值运算呢？</p><p>不知道大家有没有注意到数组类型取 length 就是数值。</p><p>比如：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> num1</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;length&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
+import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"数组长度做计数","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/calculate.md","filePath":"src/article/typescript/calculate.md","lastUpdated":1728129344000}'),k={name:"src/article/typescript/calculate.md"};function t(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="数组长度做计数" tabindex="-1">数组长度做计数 <a class="header-anchor" href="#数组长度做计数" aria-label="Permalink to &quot;数组长度做计数&quot;">​</a></h1><p>类型系统不是图灵完备，各种逻辑都能写么，但好像没发现数值相关的逻辑。</p><p>没错，数值相关的逻辑比较绕，被我单独摘了出来，就是这节要讲的内容。</p><p>这是类型体操的第四个套路：数组长度做计数。</p><p>TypeScript 类型系统没有加减乘除运算符，怎么做数值运算呢？</p><p>不知道大家有没有注意到数组类型取 length 就是数值。</p><p>比如：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> num1</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;length&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type num1 = 1</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> num2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;length&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type num1 = 2</span></span>
diff --git a/assets/src_article_typescript_index.md.CZyb-Nhf.js b/assets/src_article_typescript_index.md.CkcO1_RK.js
similarity index 99%
rename from assets/src_article_typescript_index.md.CZyb-Nhf.js
rename to assets/src_article_typescript_index.md.CkcO1_RK.js
index cc7b2e5992..e05746e31e 100644
--- a/assets/src_article_typescript_index.md.CZyb-Nhf.js
+++ b/assets/src_article_typescript_index.md.CkcO1_RK.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 的类型系统","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/index.md","filePath":"src/article/typescript/index.md","lastUpdated":1728129125000}'),k={name:"src/article/typescript/index.md"};function p(t,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="typescript-的类型系统" tabindex="-1">TypeScript 的类型系统 <a class="header-anchor" href="#typescript-的类型系统" aria-label="Permalink to &quot;TypeScript 的类型系统&quot;">​</a></h1><h2 id="一。类型是什么" tabindex="-1">一。类型是什么 <a class="header-anchor" href="#一。类型是什么" aria-label="Permalink to &quot;一。类型是什么&quot;">​</a></h2><p>类型具体点来说就是指 number、boolean、string 等基础类型和 Object、Function 等复合类型，它们是编程语言提供的对不同内容的抽象：</p><ul><li><p><strong>不同类型变量占据的内存大小不同：</strong> boolean 类型的变量会分配 4 个字节的内存，而 number 类型的变量则会分配 8 个字节的内存，给变量声明了不同的类型就代表了会占据不同的内存空间。</p></li><li><p><strong>不同类型变量可做的操作不同：</strong> number 类型可以做加减乘除等运算，boolean 就不可以，复合类型中不同类型的对象可用的方法不同，比如 Date 和 RegExp，变量的类型不同代表可以对该变量做的操作就不同。</p></li></ul><p>有了类型，那我们的操作必须和类型相匹配，否则就会报错，这就是类型检查。</p><p>如果能保证对某种类型只做该类型允许的操作，这就叫做类型安全。</p><p>类型检查可以在运行时做，也可以运行之前的编译期做。这是两种不同的类型，前者叫做动态类型检查，后者叫做静态类型检查。</p><p>两种类型检查各有优缺点。动态类型检查 在源码中不保留类型信息，对某个变量赋什么值、做什么操作都是允许的，写代码很灵活。但这也埋下了类型不安全的隐患，比如对 string 做了乘除，对 Date 对象调用了 exec 方法，这些都是运行时才能检查出来的错误。</p><p>其中，最常见的错误应该是“null is not an object”、“undefined is not a function”之类的了，写代码时没发现类型不匹配，到了运行的时候才发现，就会有很多这种报错。</p><p>所以，动态类型虽然代码写起来简单，但代码中很容易藏着一些类型不匹配的隐患。</p><p>静态类型检查则是在源码中保留类型信息，声明变量要指定类型，对变量做的操作要和类型匹配，会有专门的编译器在编译期间做检查。</p><p>静态类型给写代码增加了一些难度，因为你除了要考虑代码要表达的逻辑之外，还要考虑类型逻辑：变量是什么类型的、是不是匹配、要不要做类型转换等。</p><p>不过，静态类型也消除了类型不安全的隐患，因为在编译期间就做了类型检查，就不会出现对 string 做了乘除，调用了 Date 的 exec 方法这类问题。</p><p>所以，静态类型虽然代码写起来要考虑的问题多一些，会复杂一些，但是却消除了代码中潜藏类型不安全问题的可能。</p><p>知道了动态类型检查和静态类型检查的区别，我们自然可以得出这样的结论：</p><p>动态类型只适合简单的场景，对于大项目却不太合适，因为代码中可能藏着的隐患太多了，万一线上报一个类型不匹配的错误，那可能就是大问题。</p><p>而静态类型虽然会增加写代码的成本，但是却能更好的保证代码的健壮性，减少 Bug 率。</p><p>所以，大型项目注定会用静态类型语言开发。</p><h2 id="二。类型系统的分类" tabindex="-1">二。类型系统的分类 <a class="header-anchor" href="#二。类型系统的分类" aria-label="Permalink to &quot;二。类型系统的分类&quot;">​</a></h2><h3 id="_1-简单的类型系统" tabindex="-1">1.简单的类型系统 <a class="header-anchor" href="#_1-简单的类型系统" aria-label="Permalink to &quot;1.简单的类型系统&quot;">​</a></h3><p>变量、函数、类等都可以声明类型，编译器会基于声明的类型做类型检查，类型不匹配时会报错。</p><p>这是最基础的类型系统，能保证类型安全，但有些死板。</p><p>比如一个 add 函数既可以做整数加法、又可以做浮点数加法，却需要声明两个函数：</p><div class="language-c vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">c</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> add</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> a</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> b</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
+import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 的类型系统","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/index.md","filePath":"src/article/typescript/index.md","lastUpdated":1728129344000}'),k={name:"src/article/typescript/index.md"};function p(t,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="typescript-的类型系统" tabindex="-1">TypeScript 的类型系统 <a class="header-anchor" href="#typescript-的类型系统" aria-label="Permalink to &quot;TypeScript 的类型系统&quot;">​</a></h1><h2 id="一。类型是什么" tabindex="-1">一。类型是什么 <a class="header-anchor" href="#一。类型是什么" aria-label="Permalink to &quot;一。类型是什么&quot;">​</a></h2><p>类型具体点来说就是指 number、boolean、string 等基础类型和 Object、Function 等复合类型，它们是编程语言提供的对不同内容的抽象：</p><ul><li><p><strong>不同类型变量占据的内存大小不同：</strong> boolean 类型的变量会分配 4 个字节的内存，而 number 类型的变量则会分配 8 个字节的内存，给变量声明了不同的类型就代表了会占据不同的内存空间。</p></li><li><p><strong>不同类型变量可做的操作不同：</strong> number 类型可以做加减乘除等运算，boolean 就不可以，复合类型中不同类型的对象可用的方法不同，比如 Date 和 RegExp，变量的类型不同代表可以对该变量做的操作就不同。</p></li></ul><p>有了类型，那我们的操作必须和类型相匹配，否则就会报错，这就是类型检查。</p><p>如果能保证对某种类型只做该类型允许的操作，这就叫做类型安全。</p><p>类型检查可以在运行时做，也可以运行之前的编译期做。这是两种不同的类型，前者叫做动态类型检查，后者叫做静态类型检查。</p><p>两种类型检查各有优缺点。动态类型检查 在源码中不保留类型信息，对某个变量赋什么值、做什么操作都是允许的，写代码很灵活。但这也埋下了类型不安全的隐患，比如对 string 做了乘除，对 Date 对象调用了 exec 方法，这些都是运行时才能检查出来的错误。</p><p>其中，最常见的错误应该是“null is not an object”、“undefined is not a function”之类的了，写代码时没发现类型不匹配，到了运行的时候才发现，就会有很多这种报错。</p><p>所以，动态类型虽然代码写起来简单，但代码中很容易藏着一些类型不匹配的隐患。</p><p>静态类型检查则是在源码中保留类型信息，声明变量要指定类型，对变量做的操作要和类型匹配，会有专门的编译器在编译期间做检查。</p><p>静态类型给写代码增加了一些难度，因为你除了要考虑代码要表达的逻辑之外，还要考虑类型逻辑：变量是什么类型的、是不是匹配、要不要做类型转换等。</p><p>不过，静态类型也消除了类型不安全的隐患，因为在编译期间就做了类型检查，就不会出现对 string 做了乘除，调用了 Date 的 exec 方法这类问题。</p><p>所以，静态类型虽然代码写起来要考虑的问题多一些，会复杂一些，但是却消除了代码中潜藏类型不安全问题的可能。</p><p>知道了动态类型检查和静态类型检查的区别，我们自然可以得出这样的结论：</p><p>动态类型只适合简单的场景，对于大项目却不太合适，因为代码中可能藏着的隐患太多了，万一线上报一个类型不匹配的错误，那可能就是大问题。</p><p>而静态类型虽然会增加写代码的成本，但是却能更好的保证代码的健壮性，减少 Bug 率。</p><p>所以，大型项目注定会用静态类型语言开发。</p><h2 id="二。类型系统的分类" tabindex="-1">二。类型系统的分类 <a class="header-anchor" href="#二。类型系统的分类" aria-label="Permalink to &quot;二。类型系统的分类&quot;">​</a></h2><h3 id="_1-简单的类型系统" tabindex="-1">1.简单的类型系统 <a class="header-anchor" href="#_1-简单的类型系统" aria-label="Permalink to &quot;1.简单的类型系统&quot;">​</a></h3><p>变量、函数、类等都可以声明类型，编译器会基于声明的类型做类型检查，类型不匹配时会报错。</p><p>这是最基础的类型系统，能保证类型安全，但有些死板。</p><p>比如一个 add 函数既可以做整数加法、又可以做浮点数加法，却需要声明两个函数：</p><div class="language-c vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">c</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> add</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> a</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> b</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> a </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> b;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
 <span class="line"></span>
diff --git a/assets/src_article_typescript_index.md.CZyb-Nhf.lean.js b/assets/src_article_typescript_index.md.CkcO1_RK.lean.js
similarity index 99%
rename from assets/src_article_typescript_index.md.CZyb-Nhf.lean.js
rename to assets/src_article_typescript_index.md.CkcO1_RK.lean.js
index cc7b2e5992..e05746e31e 100644
--- a/assets/src_article_typescript_index.md.CZyb-Nhf.lean.js
+++ b/assets/src_article_typescript_index.md.CkcO1_RK.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 的类型系统","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/index.md","filePath":"src/article/typescript/index.md","lastUpdated":1728129125000}'),k={name:"src/article/typescript/index.md"};function p(t,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="typescript-的类型系统" tabindex="-1">TypeScript 的类型系统 <a class="header-anchor" href="#typescript-的类型系统" aria-label="Permalink to &quot;TypeScript 的类型系统&quot;">​</a></h1><h2 id="一。类型是什么" tabindex="-1">一。类型是什么 <a class="header-anchor" href="#一。类型是什么" aria-label="Permalink to &quot;一。类型是什么&quot;">​</a></h2><p>类型具体点来说就是指 number、boolean、string 等基础类型和 Object、Function 等复合类型，它们是编程语言提供的对不同内容的抽象：</p><ul><li><p><strong>不同类型变量占据的内存大小不同：</strong> boolean 类型的变量会分配 4 个字节的内存，而 number 类型的变量则会分配 8 个字节的内存，给变量声明了不同的类型就代表了会占据不同的内存空间。</p></li><li><p><strong>不同类型变量可做的操作不同：</strong> number 类型可以做加减乘除等运算，boolean 就不可以，复合类型中不同类型的对象可用的方法不同，比如 Date 和 RegExp，变量的类型不同代表可以对该变量做的操作就不同。</p></li></ul><p>有了类型，那我们的操作必须和类型相匹配，否则就会报错，这就是类型检查。</p><p>如果能保证对某种类型只做该类型允许的操作，这就叫做类型安全。</p><p>类型检查可以在运行时做，也可以运行之前的编译期做。这是两种不同的类型，前者叫做动态类型检查，后者叫做静态类型检查。</p><p>两种类型检查各有优缺点。动态类型检查 在源码中不保留类型信息，对某个变量赋什么值、做什么操作都是允许的，写代码很灵活。但这也埋下了类型不安全的隐患，比如对 string 做了乘除，对 Date 对象调用了 exec 方法，这些都是运行时才能检查出来的错误。</p><p>其中，最常见的错误应该是“null is not an object”、“undefined is not a function”之类的了，写代码时没发现类型不匹配，到了运行的时候才发现，就会有很多这种报错。</p><p>所以，动态类型虽然代码写起来简单，但代码中很容易藏着一些类型不匹配的隐患。</p><p>静态类型检查则是在源码中保留类型信息，声明变量要指定类型，对变量做的操作要和类型匹配，会有专门的编译器在编译期间做检查。</p><p>静态类型给写代码增加了一些难度，因为你除了要考虑代码要表达的逻辑之外，还要考虑类型逻辑：变量是什么类型的、是不是匹配、要不要做类型转换等。</p><p>不过，静态类型也消除了类型不安全的隐患，因为在编译期间就做了类型检查，就不会出现对 string 做了乘除，调用了 Date 的 exec 方法这类问题。</p><p>所以，静态类型虽然代码写起来要考虑的问题多一些，会复杂一些，但是却消除了代码中潜藏类型不安全问题的可能。</p><p>知道了动态类型检查和静态类型检查的区别，我们自然可以得出这样的结论：</p><p>动态类型只适合简单的场景，对于大项目却不太合适，因为代码中可能藏着的隐患太多了，万一线上报一个类型不匹配的错误，那可能就是大问题。</p><p>而静态类型虽然会增加写代码的成本，但是却能更好的保证代码的健壮性，减少 Bug 率。</p><p>所以，大型项目注定会用静态类型语言开发。</p><h2 id="二。类型系统的分类" tabindex="-1">二。类型系统的分类 <a class="header-anchor" href="#二。类型系统的分类" aria-label="Permalink to &quot;二。类型系统的分类&quot;">​</a></h2><h3 id="_1-简单的类型系统" tabindex="-1">1.简单的类型系统 <a class="header-anchor" href="#_1-简单的类型系统" aria-label="Permalink to &quot;1.简单的类型系统&quot;">​</a></h3><p>变量、函数、类等都可以声明类型，编译器会基于声明的类型做类型检查，类型不匹配时会报错。</p><p>这是最基础的类型系统，能保证类型安全，但有些死板。</p><p>比如一个 add 函数既可以做整数加法、又可以做浮点数加法，却需要声明两个函数：</p><div class="language-c vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">c</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> add</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> a</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> b</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
+import{_ as i,o as a,c as h,a3 as n}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 的类型系统","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/index.md","filePath":"src/article/typescript/index.md","lastUpdated":1728129344000}'),k={name:"src/article/typescript/index.md"};function p(t,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="typescript-的类型系统" tabindex="-1">TypeScript 的类型系统 <a class="header-anchor" href="#typescript-的类型系统" aria-label="Permalink to &quot;TypeScript 的类型系统&quot;">​</a></h1><h2 id="一。类型是什么" tabindex="-1">一。类型是什么 <a class="header-anchor" href="#一。类型是什么" aria-label="Permalink to &quot;一。类型是什么&quot;">​</a></h2><p>类型具体点来说就是指 number、boolean、string 等基础类型和 Object、Function 等复合类型，它们是编程语言提供的对不同内容的抽象：</p><ul><li><p><strong>不同类型变量占据的内存大小不同：</strong> boolean 类型的变量会分配 4 个字节的内存，而 number 类型的变量则会分配 8 个字节的内存，给变量声明了不同的类型就代表了会占据不同的内存空间。</p></li><li><p><strong>不同类型变量可做的操作不同：</strong> number 类型可以做加减乘除等运算，boolean 就不可以，复合类型中不同类型的对象可用的方法不同，比如 Date 和 RegExp，变量的类型不同代表可以对该变量做的操作就不同。</p></li></ul><p>有了类型，那我们的操作必须和类型相匹配，否则就会报错，这就是类型检查。</p><p>如果能保证对某种类型只做该类型允许的操作，这就叫做类型安全。</p><p>类型检查可以在运行时做，也可以运行之前的编译期做。这是两种不同的类型，前者叫做动态类型检查，后者叫做静态类型检查。</p><p>两种类型检查各有优缺点。动态类型检查 在源码中不保留类型信息，对某个变量赋什么值、做什么操作都是允许的，写代码很灵活。但这也埋下了类型不安全的隐患，比如对 string 做了乘除，对 Date 对象调用了 exec 方法，这些都是运行时才能检查出来的错误。</p><p>其中，最常见的错误应该是“null is not an object”、“undefined is not a function”之类的了，写代码时没发现类型不匹配，到了运行的时候才发现，就会有很多这种报错。</p><p>所以，动态类型虽然代码写起来简单，但代码中很容易藏着一些类型不匹配的隐患。</p><p>静态类型检查则是在源码中保留类型信息，声明变量要指定类型，对变量做的操作要和类型匹配，会有专门的编译器在编译期间做检查。</p><p>静态类型给写代码增加了一些难度，因为你除了要考虑代码要表达的逻辑之外，还要考虑类型逻辑：变量是什么类型的、是不是匹配、要不要做类型转换等。</p><p>不过，静态类型也消除了类型不安全的隐患，因为在编译期间就做了类型检查，就不会出现对 string 做了乘除，调用了 Date 的 exec 方法这类问题。</p><p>所以，静态类型虽然代码写起来要考虑的问题多一些，会复杂一些，但是却消除了代码中潜藏类型不安全问题的可能。</p><p>知道了动态类型检查和静态类型检查的区别，我们自然可以得出这样的结论：</p><p>动态类型只适合简单的场景，对于大项目却不太合适，因为代码中可能藏着的隐患太多了，万一线上报一个类型不匹配的错误，那可能就是大问题。</p><p>而静态类型虽然会增加写代码的成本，但是却能更好的保证代码的健壮性，减少 Bug 率。</p><p>所以，大型项目注定会用静态类型语言开发。</p><h2 id="二。类型系统的分类" tabindex="-1">二。类型系统的分类 <a class="header-anchor" href="#二。类型系统的分类" aria-label="Permalink to &quot;二。类型系统的分类&quot;">​</a></h2><h3 id="_1-简单的类型系统" tabindex="-1">1.简单的类型系统 <a class="header-anchor" href="#_1-简单的类型系统" aria-label="Permalink to &quot;1.简单的类型系统&quot;">​</a></h3><p>变量、函数、类等都可以声明类型，编译器会基于声明的类型做类型检查，类型不匹配时会报错。</p><p>这是最基础的类型系统，能保证类型安全，但有些死板。</p><p>比如一个 add 函数既可以做整数加法、又可以做浮点数加法，却需要声明两个函数：</p><div class="language-c vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">c</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> add</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> a</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">int</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;"> b</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> a </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> b;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
 <span class="line"></span>
diff --git a/assets/src_article_typescript_pattern.md.dRLdKmiq.js b/assets/src_article_typescript_pattern.md.CLkB9hDT.js
similarity index 99%
rename from assets/src_article_typescript_pattern.md.dRLdKmiq.js
rename to assets/src_article_typescript_pattern.md.CLkB9hDT.js
index d6f5845be4..7791f9bdb4 100644
--- a/assets/src_article_typescript_pattern.md.dRLdKmiq.js
+++ b/assets/src_article_typescript_pattern.md.CLkB9hDT.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"模式匹配提取","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/pattern.md","filePath":"src/article/typescript/pattern.md","lastUpdated":1728129125000}'),n={name:"src/article/typescript/pattern.md"};function k(p,s,l,e,r,d){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="模式匹配提取" tabindex="-1">模式匹配提取 <a class="header-anchor" href="#模式匹配提取" aria-label="Permalink to &quot;模式匹配提取&quot;">​</a></h1><p>字符串可以和正则做模式匹配，找到匹配的部分，提取子组，之后可以用 1,2 等引用匹配的子组。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;abc&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">replace</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/</span><span style="--shiki-light:#032F62;--shiki-dark:#DBEDFF;">a(b)c</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;$1,$1,$1&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
+import{_ as i,o as a,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"模式匹配提取","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/pattern.md","filePath":"src/article/typescript/pattern.md","lastUpdated":1728129344000}'),n={name:"src/article/typescript/pattern.md"};function k(p,s,l,e,r,d){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="模式匹配提取" tabindex="-1">模式匹配提取 <a class="header-anchor" href="#模式匹配提取" aria-label="Permalink to &quot;模式匹配提取&quot;">​</a></h1><p>字符串可以和正则做模式匹配，找到匹配的部分，提取子组，之后可以用 1,2 等引用匹配的子组。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;abc&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">replace</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/</span><span style="--shiki-light:#032F62;--shiki-dark:#DBEDFF;">a(b)c</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;$1,$1,$1&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// &#39;b,b,b&#39;</span></span></code></pre></div><p>Typescript 的类型也同样可以做模式匹配。</p><p>比如这样一个 Promise 类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> p</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>我们想提取 value 的类型，可以这样做：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>通过 extends 对传入的类型参数 P 做模式匹配，其中值的类型是需要提取的，通过 infer 声明一个局部变量 Value 来保存，如果匹配，就返回匹配到的 Value，否则就返回 never 代表没匹配到。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type GetValueResult = &#39;value&#39;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;;</span></span></code></pre></div><p>这就是 Typescript 类型的模式匹配：</p><p>Typescript 类型的模式匹配是通过 extends 对类型参数做匹配，结果保存到通过 infer 声明的局部类型变量里，如果匹配就能从该局部变量里拿到提取出的类型。</p><p>这个模式匹配的套路有多有用呢？我们来看下在数组、字符串、函数、构造器等类型里的应用。</p><h2 id="_1-数组类型" tabindex="-1">1.数组类型 <a class="header-anchor" href="#_1-数组类型" aria-label="Permalink to &quot;1.数组类型&quot;">​</a></h2><h3 id="提取第一个元素" tabindex="-1">提取第一个元素 <a class="header-anchor" href="#提取第一个元素" aria-label="Permalink to &quot;提取第一个元素&quot;">​</a></h3><p>数组类型想提取第一个元素的类型怎么做呢？</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>用它来匹配一个模式类型，提取第一个元素的类型到通过 infer 声明的局部变量里返回。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetFirst</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> First</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> First</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Arr 通过 extends 约束为只能是数组类型，数组元素是 unkown 也就是可以是任何值。</p><blockquote><p>any 和 unknown 的区别：any 和 unknown 都代表任意类型，但是 unknown 只能接收任意类型的值，而 any 除了可以接收任意类型的值，也可以赋值给任意类型（除了 never）。类型体操中经常用 unknown 接受和匹配任何类型，而很少把任何类型赋值给某个类型变量。</p></blockquote><p>对 Arr 做模式匹配，把我们要提取的第一个元素的类型放到通过 infer 声明的 First 局部变量里，后面的元素可以是任何类型，用 unknown 接收，然后把局部变量 First 返回。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetFirst</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> First</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> First</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetFirstValue</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetFirst</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span>
diff --git a/assets/src_article_typescript_pattern.md.dRLdKmiq.lean.js b/assets/src_article_typescript_pattern.md.CLkB9hDT.lean.js
similarity index 99%
rename from assets/src_article_typescript_pattern.md.dRLdKmiq.lean.js
rename to assets/src_article_typescript_pattern.md.CLkB9hDT.lean.js
index d6f5845be4..7791f9bdb4 100644
--- a/assets/src_article_typescript_pattern.md.dRLdKmiq.lean.js
+++ b/assets/src_article_typescript_pattern.md.CLkB9hDT.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"模式匹配提取","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/pattern.md","filePath":"src/article/typescript/pattern.md","lastUpdated":1728129125000}'),n={name:"src/article/typescript/pattern.md"};function k(p,s,l,e,r,d){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="模式匹配提取" tabindex="-1">模式匹配提取 <a class="header-anchor" href="#模式匹配提取" aria-label="Permalink to &quot;模式匹配提取&quot;">​</a></h1><p>字符串可以和正则做模式匹配，找到匹配的部分，提取子组，之后可以用 1,2 等引用匹配的子组。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;abc&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">replace</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/</span><span style="--shiki-light:#032F62;--shiki-dark:#DBEDFF;">a(b)c</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;$1,$1,$1&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
+import{_ as i,o as a,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"模式匹配提取","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/pattern.md","filePath":"src/article/typescript/pattern.md","lastUpdated":1728129344000}'),n={name:"src/article/typescript/pattern.md"};function k(p,s,l,e,r,d){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="模式匹配提取" tabindex="-1">模式匹配提取 <a class="header-anchor" href="#模式匹配提取" aria-label="Permalink to &quot;模式匹配提取&quot;">​</a></h1><p>字符串可以和正则做模式匹配，找到匹配的部分，提取子组，之后可以用 1,2 等引用匹配的子组。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;abc&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">replace</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/</span><span style="--shiki-light:#032F62;--shiki-dark:#DBEDFF;">a(b)c</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;$1,$1,$1&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// &#39;b,b,b&#39;</span></span></code></pre></div><p>Typescript 的类型也同样可以做模式匹配。</p><p>比如这样一个 Promise 类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> p</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>我们想提取 value 的类型，可以这样做：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>通过 extends 对传入的类型参数 P 做模式匹配，其中值的类型是需要提取的，通过 infer 声明一个局部变量 Value 来保存，如果匹配，就返回匹配到的 Value，否则就返回 never 代表没匹配到。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type GetValueResult = &#39;value&#39;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;;</span></span></code></pre></div><p>这就是 Typescript 类型的模式匹配：</p><p>Typescript 类型的模式匹配是通过 extends 对类型参数做匹配，结果保存到通过 infer 声明的局部类型变量里，如果匹配就能从该局部变量里拿到提取出的类型。</p><p>这个模式匹配的套路有多有用呢？我们来看下在数组、字符串、函数、构造器等类型里的应用。</p><h2 id="_1-数组类型" tabindex="-1">1.数组类型 <a class="header-anchor" href="#_1-数组类型" aria-label="Permalink to &quot;1.数组类型&quot;">​</a></h2><h3 id="提取第一个元素" tabindex="-1">提取第一个元素 <a class="header-anchor" href="#提取第一个元素" aria-label="Permalink to &quot;提取第一个元素&quot;">​</a></h3><p>数组类型想提取第一个元素的类型怎么做呢？</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>用它来匹配一个模式类型，提取第一个元素的类型到通过 infer 声明的局部变量里返回。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetFirst</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> First</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> First</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Arr 通过 extends 约束为只能是数组类型，数组元素是 unkown 也就是可以是任何值。</p><blockquote><p>any 和 unknown 的区别：any 和 unknown 都代表任意类型，但是 unknown 只能接收任意类型的值，而 any 除了可以接收任意类型的值，也可以赋值给任意类型（除了 never）。类型体操中经常用 unknown 接受和匹配任何类型，而很少把任何类型赋值给某个类型变量。</p></blockquote><p>对 Arr 做模式匹配，把我们要提取的第一个元素的类型放到通过 infer 声明的 First 局部变量里，后面的元素可以是任何类型，用 unknown 接收，然后把局部变量 First 返回。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetFirst</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> First</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> First</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetFirstValue</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetFirst</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span>
diff --git a/assets/src_article_typescript_reconstruction.md.RJXBSd9W.js b/assets/src_article_typescript_reconstruction.md.6hei5wds.js
similarity index 99%
rename from assets/src_article_typescript_reconstruction.md.RJXBSd9W.js
rename to assets/src_article_typescript_reconstruction.md.6hei5wds.js
index bdb5ec2d21..5c1202ae16 100644
--- a/assets/src_article_typescript_reconstruction.md.RJXBSd9W.js
+++ b/assets/src_article_typescript_reconstruction.md.6hei5wds.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"重新构造做变换","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/reconstruction.md","filePath":"src/article/typescript/reconstruction.md","lastUpdated":1728129125000}'),k={name:"src/article/typescript/reconstruction.md"};function n(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t(`<h1 id="重新构造做变换" tabindex="-1">重新构造做变换 <a class="header-anchor" href="#重新构造做变换" aria-label="Permalink to &quot;重新构造做变换&quot;">​</a></h1><p>类型编程主要的目的就是对类型做各种转换，那么如何对类型做修改呢？</p><p>TypeScript 类型系统支持 3 种可以声明任意类型的变量：type、infer、类型参数。</p><p>type 叫做类型别名，其实就是声明一个变量存储某个类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ttt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>infer 用于类型的提取，然后存到一个变量里，相当于局部变量：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数用于接受具体的类型，在类型运算中也相当于局部变量：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>但是，严格来说这三种也都不叫变量，因为它们不能被重新赋值。</p><p>TypeScript 设计可以做类型编程的类型系统的目的就是为了产生各种复杂的类型，那不能修改怎么产生新类型呢？</p><p>答案是重新构造。</p><p>这就涉及到了第二个类型体操套路：重新构造做变换。</p><h2 id="重新构造" tabindex="-1">重新构造 <a class="header-anchor" href="#重新构造" aria-label="Permalink to &quot;重新构造&quot;">​</a></h2><p>TypeScript 的 type、infer、类型参数声明的变量都不能修改，想对类型做各种变换产生新的类型就需要重新构造。</p><p>数组、字符串、函数等类型的重新构造比较简单。</p><p>索引类型，也就是多个元素的聚合类型的重新构造复杂一些，涉及到了映射类型的语法。</p><p>我们先从简单的开始：</p><h2 id="数组类型的重新构造" tabindex="-1">数组类型的重新构造 <a class="header-anchor" href="#数组类型的重新构造" aria-label="Permalink to &quot;数组类型的重新构造&quot;">​</a></h2><h3 id="push" tabindex="-1">Push <a class="header-anchor" href="#push" aria-label="Permalink to &quot;Push&quot;">​</a></h3><p>有这样一个元组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>我想给这个元组类型再添加一些类型，怎么做呢？</p><p>TypeScript 类型变量不支持修改，我们可以构造一个新的元组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>类型参数 Arr 是要修改的数组/元组类型，元素的类型任意，也就是 unknown。</p><p>类型参数 Ele 是添加的元素的类型。</p><p>返回的是用 Arr 已有的元素加上 Ele 构造的新的元组类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PushResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>
+import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"重新构造做变换","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/reconstruction.md","filePath":"src/article/typescript/reconstruction.md","lastUpdated":1728129344000}'),k={name:"src/article/typescript/reconstruction.md"};function n(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t(`<h1 id="重新构造做变换" tabindex="-1">重新构造做变换 <a class="header-anchor" href="#重新构造做变换" aria-label="Permalink to &quot;重新构造做变换&quot;">​</a></h1><p>类型编程主要的目的就是对类型做各种转换，那么如何对类型做修改呢？</p><p>TypeScript 类型系统支持 3 种可以声明任意类型的变量：type、infer、类型参数。</p><p>type 叫做类型别名，其实就是声明一个变量存储某个类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ttt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>infer 用于类型的提取，然后存到一个变量里，相当于局部变量：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数用于接受具体的类型，在类型运算中也相当于局部变量：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>但是，严格来说这三种也都不叫变量，因为它们不能被重新赋值。</p><p>TypeScript 设计可以做类型编程的类型系统的目的就是为了产生各种复杂的类型，那不能修改怎么产生新类型呢？</p><p>答案是重新构造。</p><p>这就涉及到了第二个类型体操套路：重新构造做变换。</p><h2 id="重新构造" tabindex="-1">重新构造 <a class="header-anchor" href="#重新构造" aria-label="Permalink to &quot;重新构造&quot;">​</a></h2><p>TypeScript 的 type、infer、类型参数声明的变量都不能修改，想对类型做各种变换产生新的类型就需要重新构造。</p><p>数组、字符串、函数等类型的重新构造比较简单。</p><p>索引类型，也就是多个元素的聚合类型的重新构造复杂一些，涉及到了映射类型的语法。</p><p>我们先从简单的开始：</p><h2 id="数组类型的重新构造" tabindex="-1">数组类型的重新构造 <a class="header-anchor" href="#数组类型的重新构造" aria-label="Permalink to &quot;数组类型的重新构造&quot;">​</a></h2><h3 id="push" tabindex="-1">Push <a class="header-anchor" href="#push" aria-label="Permalink to &quot;Push&quot;">​</a></h3><p>有这样一个元组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>我想给这个元组类型再添加一些类型，怎么做呢？</p><p>TypeScript 类型变量不支持修改，我们可以构造一个新的元组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>类型参数 Arr 是要修改的数组/元组类型，元素的类型任意，也就是 unknown。</p><p>类型参数 Ele 是添加的元素的类型。</p><p>返回的是用 Arr 已有的元素加上 Ele 构造的新的元组类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PushResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type PushResult = [1,2,3,4]</span></span></code></pre></div><p>这就是数组/元组的重新构造。</p><blockquote><p>数组和元组的区别：数组类型是指任意多个同一类型的元素构成的，比如 <code>number[]</code>、<code>Array&lt;number&gt;</code>，而元组则是数量固定，类型可以不同的元素构成的，比如 <code>[1, true, &#39;name&#39;]</code>。</p></blockquote><h3 id="unshift" tabindex="-1">Unshift <a class="header-anchor" href="#unshift" aria-label="Permalink to &quot;Unshift&quot;">​</a></h3><p>可以在后面添加，同样也可以在前面添加：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Unshift</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h3 id="zip" tabindex="-1">Zip <a class="header-anchor" href="#zip" aria-label="Permalink to &quot;Zip&quot;">​</a></h3><p>有这样两个元组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple1</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>我们想把它们合并成这样的元组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]];</span></span></code></pre></div><p>思路很容易想到，提取元组中的两个元素，构造成新的元组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Zip</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">One</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Other</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> One</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> OneFirst</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
diff --git a/assets/src_article_typescript_reconstruction.md.RJXBSd9W.lean.js b/assets/src_article_typescript_reconstruction.md.6hei5wds.lean.js
similarity index 99%
rename from assets/src_article_typescript_reconstruction.md.RJXBSd9W.lean.js
rename to assets/src_article_typescript_reconstruction.md.6hei5wds.lean.js
index bdb5ec2d21..5c1202ae16 100644
--- a/assets/src_article_typescript_reconstruction.md.RJXBSd9W.lean.js
+++ b/assets/src_article_typescript_reconstruction.md.6hei5wds.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"重新构造做变换","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/reconstruction.md","filePath":"src/article/typescript/reconstruction.md","lastUpdated":1728129125000}'),k={name:"src/article/typescript/reconstruction.md"};function n(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t(`<h1 id="重新构造做变换" tabindex="-1">重新构造做变换 <a class="header-anchor" href="#重新构造做变换" aria-label="Permalink to &quot;重新构造做变换&quot;">​</a></h1><p>类型编程主要的目的就是对类型做各种转换，那么如何对类型做修改呢？</p><p>TypeScript 类型系统支持 3 种可以声明任意类型的变量：type、infer、类型参数。</p><p>type 叫做类型别名，其实就是声明一个变量存储某个类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ttt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>infer 用于类型的提取，然后存到一个变量里，相当于局部变量：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数用于接受具体的类型，在类型运算中也相当于局部变量：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>但是，严格来说这三种也都不叫变量，因为它们不能被重新赋值。</p><p>TypeScript 设计可以做类型编程的类型系统的目的就是为了产生各种复杂的类型，那不能修改怎么产生新类型呢？</p><p>答案是重新构造。</p><p>这就涉及到了第二个类型体操套路：重新构造做变换。</p><h2 id="重新构造" tabindex="-1">重新构造 <a class="header-anchor" href="#重新构造" aria-label="Permalink to &quot;重新构造&quot;">​</a></h2><p>TypeScript 的 type、infer、类型参数声明的变量都不能修改，想对类型做各种变换产生新的类型就需要重新构造。</p><p>数组、字符串、函数等类型的重新构造比较简单。</p><p>索引类型，也就是多个元素的聚合类型的重新构造复杂一些，涉及到了映射类型的语法。</p><p>我们先从简单的开始：</p><h2 id="数组类型的重新构造" tabindex="-1">数组类型的重新构造 <a class="header-anchor" href="#数组类型的重新构造" aria-label="Permalink to &quot;数组类型的重新构造&quot;">​</a></h2><h3 id="push" tabindex="-1">Push <a class="header-anchor" href="#push" aria-label="Permalink to &quot;Push&quot;">​</a></h3><p>有这样一个元组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>我想给这个元组类型再添加一些类型，怎么做呢？</p><p>TypeScript 类型变量不支持修改，我们可以构造一个新的元组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>类型参数 Arr 是要修改的数组/元组类型，元素的类型任意，也就是 unknown。</p><p>类型参数 Ele 是添加的元素的类型。</p><p>返回的是用 Arr 已有的元素加上 Ele 构造的新的元组类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PushResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>
+import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"重新构造做变换","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/reconstruction.md","filePath":"src/article/typescript/reconstruction.md","lastUpdated":1728129344000}'),k={name:"src/article/typescript/reconstruction.md"};function n(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t(`<h1 id="重新构造做变换" tabindex="-1">重新构造做变换 <a class="header-anchor" href="#重新构造做变换" aria-label="Permalink to &quot;重新构造做变换&quot;">​</a></h1><p>类型编程主要的目的就是对类型做各种转换，那么如何对类型做修改呢？</p><p>TypeScript 类型系统支持 3 种可以声明任意类型的变量：type、infer、类型参数。</p><p>type 叫做类型别名，其实就是声明一个变量存储某个类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ttt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>infer 用于类型的提取，然后存到一个变量里，相当于局部变量：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数用于接受具体的类型，在类型运算中也相当于局部变量：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>但是，严格来说这三种也都不叫变量，因为它们不能被重新赋值。</p><p>TypeScript 设计可以做类型编程的类型系统的目的就是为了产生各种复杂的类型，那不能修改怎么产生新类型呢？</p><p>答案是重新构造。</p><p>这就涉及到了第二个类型体操套路：重新构造做变换。</p><h2 id="重新构造" tabindex="-1">重新构造 <a class="header-anchor" href="#重新构造" aria-label="Permalink to &quot;重新构造&quot;">​</a></h2><p>TypeScript 的 type、infer、类型参数声明的变量都不能修改，想对类型做各种变换产生新的类型就需要重新构造。</p><p>数组、字符串、函数等类型的重新构造比较简单。</p><p>索引类型，也就是多个元素的聚合类型的重新构造复杂一些，涉及到了映射类型的语法。</p><p>我们先从简单的开始：</p><h2 id="数组类型的重新构造" tabindex="-1">数组类型的重新构造 <a class="header-anchor" href="#数组类型的重新构造" aria-label="Permalink to &quot;数组类型的重新构造&quot;">​</a></h2><h3 id="push" tabindex="-1">Push <a class="header-anchor" href="#push" aria-label="Permalink to &quot;Push&quot;">​</a></h3><p>有这样一个元组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>我想给这个元组类型再添加一些类型，怎么做呢？</p><p>TypeScript 类型变量不支持修改，我们可以构造一个新的元组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>类型参数 Arr 是要修改的数组/元组类型，元素的类型任意，也就是 unknown。</p><p>类型参数 Ele 是添加的元素的类型。</p><p>返回的是用 Arr 已有的元素加上 Ele 构造的新的元组类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PushResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type PushResult = [1,2,3,4]</span></span></code></pre></div><p>这就是数组/元组的重新构造。</p><blockquote><p>数组和元组的区别：数组类型是指任意多个同一类型的元素构成的，比如 <code>number[]</code>、<code>Array&lt;number&gt;</code>，而元组则是数量固定，类型可以不同的元素构成的，比如 <code>[1, true, &#39;name&#39;]</code>。</p></blockquote><h3 id="unshift" tabindex="-1">Unshift <a class="header-anchor" href="#unshift" aria-label="Permalink to &quot;Unshift&quot;">​</a></h3><p>可以在后面添加，同样也可以在前面添加：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Unshift</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Ele</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h3 id="zip" tabindex="-1">Zip <a class="header-anchor" href="#zip" aria-label="Permalink to &quot;Zip&quot;">​</a></h3><p>有这样两个元组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple1</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>我们想把它们合并成这样的元组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]];</span></span></code></pre></div><p>思路很容易想到，提取元组中的两个元素，构造成新的元组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Zip</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">One</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Other</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> One</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> OneFirst</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
diff --git a/assets/src_article_typescript_recursion.md.CxwYW6pd.js b/assets/src_article_typescript_recursion.md.Cklrk5ux.js
similarity index 99%
rename from assets/src_article_typescript_recursion.md.CxwYW6pd.js
rename to assets/src_article_typescript_recursion.md.Cklrk5ux.js
index 042631b6df..8759ba1a2b 100644
--- a/assets/src_article_typescript_recursion.md.CxwYW6pd.js
+++ b/assets/src_article_typescript_recursion.md.Cklrk5ux.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"递归复用","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/recursion.md","filePath":"src/article/typescript/recursion.md","lastUpdated":1728129125000}'),n={name:"src/article/typescript/recursion.md"};function t(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="递归复用" tabindex="-1">递归复用 <a class="header-anchor" href="#递归复用" aria-label="Permalink to &quot;递归复用&quot;">​</a></h1><p>递归是把问题分解为一系列相似的小问题，通过函数不断调用自身来解决这一个个小问题，直到满足结束条件，就完成了问题的求解。</p><p>TypeScript 的高级类型支持类型参数，可以做各种类型运算逻辑，返回新的类型，和函数调用是对应的，自然也支持递归。</p><p>TypeScript 类型系统不支持循环，但支持递归。当处理数量（个数、长度、层数）不固定的类型的时候，可以只处理一个类型，然后递归的调用自身处理下一个类型，直到结束条件也就是所有的类型都处理完了，就完成了不确定数量的类型编程，达到循环的效果。</p><p>既然提到了数组、字符串、对象等类型，那么我们就来看一下这些类型的递归案例吧。</p><h2 id="promise-的递归复用" tabindex="-1">Promise 的递归复用 <a class="header-anchor" href="#promise-的递归复用" aria-label="Permalink to &quot;Promise 的递归复用&quot;">​</a></h2><h3 id="deeppromisevaluetype" tabindex="-1">DeepPromiseValueType <a class="header-anchor" href="#deeppromisevaluetype" aria-label="Permalink to &quot;DeepPromiseValueType&quot;">​</a></h3><p>先用 Promise 热热身，实现一个提取不确定层数的 Promise 中的 value 类型的高级类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ttt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Record</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;&gt;&gt;;</span></span></code></pre></div><p>这里是 3 层 Promise，value 类型是索引类型。</p><p>数量不确定，一涉及到这个就要想到用递归来做，每次只处理一层的提取，然后剩下的到下次递归做，直到结束条件。</p><p>所以高级类型是这样的：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> DeepPromiseValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span></span>
+import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"递归复用","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/recursion.md","filePath":"src/article/typescript/recursion.md","lastUpdated":1728129344000}'),n={name:"src/article/typescript/recursion.md"};function t(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="递归复用" tabindex="-1">递归复用 <a class="header-anchor" href="#递归复用" aria-label="Permalink to &quot;递归复用&quot;">​</a></h1><p>递归是把问题分解为一系列相似的小问题，通过函数不断调用自身来解决这一个个小问题，直到满足结束条件，就完成了问题的求解。</p><p>TypeScript 的高级类型支持类型参数，可以做各种类型运算逻辑，返回新的类型，和函数调用是对应的，自然也支持递归。</p><p>TypeScript 类型系统不支持循环，但支持递归。当处理数量（个数、长度、层数）不固定的类型的时候，可以只处理一个类型，然后递归的调用自身处理下一个类型，直到结束条件也就是所有的类型都处理完了，就完成了不确定数量的类型编程，达到循环的效果。</p><p>既然提到了数组、字符串、对象等类型，那么我们就来看一下这些类型的递归案例吧。</p><h2 id="promise-的递归复用" tabindex="-1">Promise 的递归复用 <a class="header-anchor" href="#promise-的递归复用" aria-label="Permalink to &quot;Promise 的递归复用&quot;">​</a></h2><h3 id="deeppromisevaluetype" tabindex="-1">DeepPromiseValueType <a class="header-anchor" href="#deeppromisevaluetype" aria-label="Permalink to &quot;DeepPromiseValueType&quot;">​</a></h3><p>先用 Promise 热热身，实现一个提取不确定层数的 Promise 中的 value 类型的高级类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ttt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Record</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;&gt;&gt;;</span></span></code></pre></div><p>这里是 3 层 Promise，value 类型是索引类型。</p><p>数量不确定，一涉及到这个就要想到用递归来做，每次只处理一层的提取，然后剩下的到下次递归做，直到结束条件。</p><p>所以高级类型是这样的：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> DeepPromiseValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ValueType</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">      ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> DeepPromiseValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_article_typescript_recursion.md.CxwYW6pd.lean.js b/assets/src_article_typescript_recursion.md.Cklrk5ux.lean.js
similarity index 99%
rename from assets/src_article_typescript_recursion.md.CxwYW6pd.lean.js
rename to assets/src_article_typescript_recursion.md.Cklrk5ux.lean.js
index 042631b6df..8759ba1a2b 100644
--- a/assets/src_article_typescript_recursion.md.CxwYW6pd.lean.js
+++ b/assets/src_article_typescript_recursion.md.Cklrk5ux.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"递归复用","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/recursion.md","filePath":"src/article/typescript/recursion.md","lastUpdated":1728129125000}'),n={name:"src/article/typescript/recursion.md"};function t(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="递归复用" tabindex="-1">递归复用 <a class="header-anchor" href="#递归复用" aria-label="Permalink to &quot;递归复用&quot;">​</a></h1><p>递归是把问题分解为一系列相似的小问题，通过函数不断调用自身来解决这一个个小问题，直到满足结束条件，就完成了问题的求解。</p><p>TypeScript 的高级类型支持类型参数，可以做各种类型运算逻辑，返回新的类型，和函数调用是对应的，自然也支持递归。</p><p>TypeScript 类型系统不支持循环，但支持递归。当处理数量（个数、长度、层数）不固定的类型的时候，可以只处理一个类型，然后递归的调用自身处理下一个类型，直到结束条件也就是所有的类型都处理完了，就完成了不确定数量的类型编程，达到循环的效果。</p><p>既然提到了数组、字符串、对象等类型，那么我们就来看一下这些类型的递归案例吧。</p><h2 id="promise-的递归复用" tabindex="-1">Promise 的递归复用 <a class="header-anchor" href="#promise-的递归复用" aria-label="Permalink to &quot;Promise 的递归复用&quot;">​</a></h2><h3 id="deeppromisevaluetype" tabindex="-1">DeepPromiseValueType <a class="header-anchor" href="#deeppromisevaluetype" aria-label="Permalink to &quot;DeepPromiseValueType&quot;">​</a></h3><p>先用 Promise 热热身，实现一个提取不确定层数的 Promise 中的 value 类型的高级类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ttt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Record</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;&gt;&gt;;</span></span></code></pre></div><p>这里是 3 层 Promise，value 类型是索引类型。</p><p>数量不确定，一涉及到这个就要想到用递归来做，每次只处理一层的提取，然后剩下的到下次递归做，直到结束条件。</p><p>所以高级类型是这样的：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> DeepPromiseValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span></span>
+import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"递归复用","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/recursion.md","filePath":"src/article/typescript/recursion.md","lastUpdated":1728129344000}'),n={name:"src/article/typescript/recursion.md"};function t(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="递归复用" tabindex="-1">递归复用 <a class="header-anchor" href="#递归复用" aria-label="Permalink to &quot;递归复用&quot;">​</a></h1><p>递归是把问题分解为一系列相似的小问题，通过函数不断调用自身来解决这一个个小问题，直到满足结束条件，就完成了问题的求解。</p><p>TypeScript 的高级类型支持类型参数，可以做各种类型运算逻辑，返回新的类型，和函数调用是对应的，自然也支持递归。</p><p>TypeScript 类型系统不支持循环，但支持递归。当处理数量（个数、长度、层数）不固定的类型的时候，可以只处理一个类型，然后递归的调用自身处理下一个类型，直到结束条件也就是所有的类型都处理完了，就完成了不确定数量的类型编程，达到循环的效果。</p><p>既然提到了数组、字符串、对象等类型，那么我们就来看一下这些类型的递归案例吧。</p><h2 id="promise-的递归复用" tabindex="-1">Promise 的递归复用 <a class="header-anchor" href="#promise-的递归复用" aria-label="Permalink to &quot;Promise 的递归复用&quot;">​</a></h2><h3 id="deeppromisevaluetype" tabindex="-1">DeepPromiseValueType <a class="header-anchor" href="#deeppromisevaluetype" aria-label="Permalink to &quot;DeepPromiseValueType&quot;">​</a></h3><p>先用 Promise 热热身，实现一个提取不确定层数的 Promise 中的 value 类型的高级类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ttt</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Record</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;&gt;&gt;;</span></span></code></pre></div><p>这里是 3 层 Promise，value 类型是索引类型。</p><p>数量不确定，一涉及到这个就要想到用递归来做，每次只处理一层的提取，然后剩下的到下次递归做，直到结束条件。</p><p>所以高级类型是这样的：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> DeepPromiseValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ValueType</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">      ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> DeepPromiseValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_article_typescript_unionType.md.lwThafAB.js b/assets/src_article_typescript_unionType.md.DWIWcdin.js
similarity index 99%
rename from assets/src_article_typescript_unionType.md.lwThafAB.js
rename to assets/src_article_typescript_unionType.md.DWIWcdin.js
index 7f4ecf7312..acb8aeebcc 100644
--- a/assets/src_article_typescript_unionType.md.lwThafAB.js
+++ b/assets/src_article_typescript_unionType.md.DWIWcdin.js
@@ -1 +1 @@
-import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"分布式条件类型","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/unionType.md","filePath":"src/article/typescript/unionType.md","lastUpdated":1728129125000}'),k={name:"src/article/typescript/unionType.md"};function n(p,s,l,e,d,r){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="分布式条件类型" tabindex="-1">分布式条件类型 <a class="header-anchor" href="#分布式条件类型" aria-label="Permalink to &quot;分布式条件类型&quot;">​</a></h1><p>当类型参数为联合类型，并且在条件类型左边直接引用该类型参数的时候，TypeScript 会把每一个元素单独传入来做类型运算，最后再合并成联合类型，这种语法叫做分布式条件类型。</p><p>比如这样一个联合类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Union</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>我们想把其中的 a 大写，就可以这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> UppercaseA</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Uppercase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> UppercaseA</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Union</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type result = &#39;A&#39; | &#39;b&#39; | &#39;c&#39;;</span></span></code></pre></div><p>可以看到，我们类型参数 Item 约束为 string，条件类型的判断中也是判断是否是 a，但传入的是联合类型。</p><p>这就是 TypeScript 对联合类型在条件类型中使用时的特殊处理：会把联合类型的每一个元素单独传入做类型计算，最后合并。</p><p>这和联合类型遇到字符串时的处理一样：</p><p>这样确实是简化了类型编程逻辑的，不需要递归提取每个元素再处理。</p><p>TypeScript 之所以这样处理联合类型也很容易理解，因为联合类型的每个元素都是互不相关的，不像数组、索引、字符串那样元素之间是有关系的。所以设计成了每一个单独处理，最后合并。</p><p>知道了 TypeScript 怎么处理的联合类型，趁热打铁来练习一下：</p><h2 id="camelcaseunion" tabindex="-1">CamelcaseUnion <a class="header-anchor" href="#camelcaseunion" aria-label="Permalink to &quot;CamelcaseUnion&quot;">​</a></h2><p>Camelcase 我们实现过，就是提取字符串中的字符，首字母大写以后重新构造一个新的。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Str</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Str</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}_${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Uppercase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Camelcase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Str</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>提取 _ 左右的字符，把右边字符大写之后构造成新的字符串，余下的字符串递归处理。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aa_aa_aa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type CamelcaseResult = &#39;aaAaAa&#39;</span></span></code></pre></div><p>如果是对字符串数组做 Camelcase，那就要递归处理每一个元素：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> RestArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &amp;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CamelcaseArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">RestArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;]</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [];</span></span></code></pre></div><p>类型参数 Arr 为待处理数组。</p><p>递归提取每一个元素做 Camelcase，因为 Camelcase 要求传入 string，这里要 &amp; string 来变成 string 类型。</p><p>那如果是联合类型呢？</p><p>联合类型不需要递归提取每个元素，TypeScript 内部会把每一个元素传入单独做计算，之后把每个元素的计算结果合并成联合类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}_${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Uppercase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CamelcaseUnion</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>这不和单个字符串的处理没区别么？</p><p>没错，对联合类型的处理和对单个类型的处理没什么区别，TypeScript 会把每个单独的类型拆开传入。不需要像数组类型那样需要递归提取每个元素做处理。</p><p>确实简化了很多，好像都是优点？</p><p>也不全是，其实这样处理也增加了一些认知成本，不信我们再来看个例子：</p><h2 id="isunion" tabindex="-1">IsUnion <a class="header-anchor" href="#isunion" aria-label="Permalink to &quot;IsUnion&quot;">​</a></h2><p>判断联合类型我们会这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ([</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>当传入联合类型时，会返回 true：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type IsUnionResult = true</span></span></code></pre></div><p>当传入其他类型时，会返回 false：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type IsUnionResult = false</span></span></code></pre></div><p>这就是分布式条件类型带来的认知成本。</p><p>我们先来看这样一个类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">a</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">b</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>传入联合类型 &#39;a&#39; | &#39;b&#39; | &#39;c&#39; 的时候，结果是这样的：</p><p>A 和 B 都是同一个联合类型，为啥值还不一样呢？</p><p><strong>因为条件类型中如果左边的类型是联合类型，会把每个元素单独传入做计算，而右边不会。</strong></p><p>所以 A 是 &#39;a&#39; 的时候，B 是 &#39;a&#39; | &#39;b&#39; | &#39;c&#39;，A 是 &#39;b&#39; 的时候，B 是 &#39;a&#39; | &#39;b&#39; | &#39;c&#39;。。。</p><p>那么利用这个特点就可以实现 Union 类型的判断：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ([</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待判断的联合类型，B 默认值为 A，也就是同一个类型。</p><p><strong>A extends A 这段看似没啥意义，主要是为了触发分布式条件类型，让 A 的每个类型单独传入。</strong></p><p><strong>[B] extends [A] 这样不直接写 B 就可以避免触发分布式条件类型，那么 B 就是整个联合类型。</strong></p><p>B 是联合类型整体，而 A 是单个类型，自然不成立，而其它类型没有这种特殊处理，A 和 B 都是同一个，怎么判断都成立。</p><p>利用这个特点就可以判断出是否是联合类型。</p><p>其中有两个点比较困惑，我们重点记一下：</p><p>当 A 是联合类型时：</p><p>A extends A 这种写法是为了触发分布式条件类型，让每个类型单独传入处理的，没别的意义。</p><p>A extends A 和 [A] extends [A] 是不同的处理，前者是单个类型和整个类型做判断，后者两边都是整个联合类型，因为只有 extends 左边直接是类型参数才会触发分布式条件类型。</p><p>理解了这两点，分布式条件类型就算掌握了。</p><h2 id="bem" tabindex="-1">BEM <a class="header-anchor" href="#bem" aria-label="Permalink to &quot;BEM&quot;">​</a></h2><p>bem 是 css 命名规范，用 block__element--modifier 的形式来描述某个区块下面的某个元素的某个状态的样式。</p><p>那么我们可以写这样一个高级类型，传入 block、element、modifier，返回构造出的 class 名：</p><p>这样使用：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> bemResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;guang&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aaa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;bbb&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;warning&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;success&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span></code></pre></div><p>它的实现就是三部分的合并，但传入的是数组，要递归遍历取出每一个元素来和其他部分组合，这样太麻烦了。</p><p>而如果是联合类型就不用递归遍历了，因为联合类型遇到字符串也是会单独每个元素单独传入做处理。</p><p>数组转联合类型可以这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> union</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aaa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;bbb&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type union = &#39;aaa&#39; | &#39;bbb&#39;</span></span></code></pre></div><p>那么 BEM 就可以这样实现：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Block</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Element</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Modifiers</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Block</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}__${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Element</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}--${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Modifiers</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Block、Element、Modifiers 分别是 bem 规范的三部分，其中 Element 和 Modifiers 都可能多个，约束为 string[]。</p><p>构造一个字符串类型，其中 Element 和 Modifiers 通过索引访问来变为联合类型。</p><p>字符串类型中遇到联合类型的时候，会每个元素单独传入计算，也就是这样的效果：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> RemResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;b&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;d&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;e&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type RemResult = &#39;a__b--d&#39; | &#39;a__b--e&#39; | &#39;a__c--d&#39; | &#39;a__b--e&#39;</span></span></code></pre></div><p>可以看到，用好了联合类型，确实能简化类型编程逻辑。</p><h2 id="allcombinations" tabindex="-1">AllCombinations <a class="header-anchor" href="#allcombinations" aria-label="Permalink to &quot;AllCombinations&quot;">​</a></h2><p>我们再来实现一个全组合的高级类型，也是联合类型相关的：</p><p>希望传入 &#39;A&#39; | &#39;B&#39; 的时候，能够返回所有的组合： &#39;A&#39; | &#39;B&#39; | &#39;BA&#39; | &#39;AB&#39;。</p><p>这种全组合问题的实现思路就是两两组合，组合出的字符串再和其他字符串两两组和：</p><p>比如 &#39;A&#39; | &#39;B&#39; | &#39;c&#39;，就是 A 和 B、C 组合，B 和 A、C 组合，C 和 A、B 组合。然后组合出来的字符串再和其他字符串组合。</p><p>任何两个类型的组合有四种：A、B、AB、BA</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>然后构造出来的字符串再和其他字符串组合。</p><p>所以全组合的高级类型就是这样：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Exclude</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;&gt;</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待组合的两个联合类型，B 默认是 A 也就是同一个。</p><p>A extends A 的意义就是让联合类型每个类型单独传入做处理，上面我们刚学会。</p><p>A 的处理就是 A 和 B 中去掉 A 以后的所有类型组合，也就是 Combination&lt;A, B 去掉 A 以后的所有组合&gt;。</p><p>而 B 去掉 A 以后的所有组合就是 AllCombinations&lt;Exclude&lt;B, A&gt;&gt;，所以全组合就是 Combination&lt;A, AllCombinations&lt;Exclude&lt;B, A&gt;&gt;&gt;。</p><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>联合类型中的每个类型都是相互独立的，TypeScript 对它做了特殊处理，也就是遇到字符串类型、条件类型的时候会把每个类型单独传入做计算，最后把每个类型的计算结果合并成联合类型。</p><p>条件类型左边是联合类型的时候就会触法这种处理，叫做分布式条件类型。</p><p>有两点特别要注意：</p><ul><li><p>A extends A 不是没意义，意义是取出联合类型中的单个类型放入 A</p></li><li><p>A extends A 才是分布式条件类型， [A] extends [A] 就不是了，只有左边是单独的类型参数才可以。</p></li></ul><p>我们后面做了一些案例，发现联合类型的这种 distributive 的特性确实能简化类型编程，但是也增加了认知成本，不过这也是不可避免的事。</p>',91)]))}const y=i(k,[["render",n]]);export{F as __pageData,y as default};
+import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"分布式条件类型","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/unionType.md","filePath":"src/article/typescript/unionType.md","lastUpdated":1728129344000}'),k={name:"src/article/typescript/unionType.md"};function n(p,s,l,e,d,r){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="分布式条件类型" tabindex="-1">分布式条件类型 <a class="header-anchor" href="#分布式条件类型" aria-label="Permalink to &quot;分布式条件类型&quot;">​</a></h1><p>当类型参数为联合类型，并且在条件类型左边直接引用该类型参数的时候，TypeScript 会把每一个元素单独传入来做类型运算，最后再合并成联合类型，这种语法叫做分布式条件类型。</p><p>比如这样一个联合类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Union</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>我们想把其中的 a 大写，就可以这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> UppercaseA</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Uppercase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> UppercaseA</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Union</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type result = &#39;A&#39; | &#39;b&#39; | &#39;c&#39;;</span></span></code></pre></div><p>可以看到，我们类型参数 Item 约束为 string，条件类型的判断中也是判断是否是 a，但传入的是联合类型。</p><p>这就是 TypeScript 对联合类型在条件类型中使用时的特殊处理：会把联合类型的每一个元素单独传入做类型计算，最后合并。</p><p>这和联合类型遇到字符串时的处理一样：</p><p>这样确实是简化了类型编程逻辑的，不需要递归提取每个元素再处理。</p><p>TypeScript 之所以这样处理联合类型也很容易理解，因为联合类型的每个元素都是互不相关的，不像数组、索引、字符串那样元素之间是有关系的。所以设计成了每一个单独处理，最后合并。</p><p>知道了 TypeScript 怎么处理的联合类型，趁热打铁来练习一下：</p><h2 id="camelcaseunion" tabindex="-1">CamelcaseUnion <a class="header-anchor" href="#camelcaseunion" aria-label="Permalink to &quot;CamelcaseUnion&quot;">​</a></h2><p>Camelcase 我们实现过，就是提取字符串中的字符，首字母大写以后重新构造一个新的。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Str</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Str</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}_${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Uppercase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Camelcase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Str</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>提取 _ 左右的字符，把右边字符大写之后构造成新的字符串，余下的字符串递归处理。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aa_aa_aa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type CamelcaseResult = &#39;aaAaAa&#39;</span></span></code></pre></div><p>如果是对字符串数组做 Camelcase，那就要递归处理每一个元素：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> RestArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &amp;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CamelcaseArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">RestArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;]</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [];</span></span></code></pre></div><p>类型参数 Arr 为待处理数组。</p><p>递归提取每一个元素做 Camelcase，因为 Camelcase 要求传入 string，这里要 &amp; string 来变成 string 类型。</p><p>那如果是联合类型呢？</p><p>联合类型不需要递归提取每个元素，TypeScript 内部会把每一个元素传入单独做计算，之后把每个元素的计算结果合并成联合类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}_${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Uppercase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CamelcaseUnion</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>这不和单个字符串的处理没区别么？</p><p>没错，对联合类型的处理和对单个类型的处理没什么区别，TypeScript 会把每个单独的类型拆开传入。不需要像数组类型那样需要递归提取每个元素做处理。</p><p>确实简化了很多，好像都是优点？</p><p>也不全是，其实这样处理也增加了一些认知成本，不信我们再来看个例子：</p><h2 id="isunion" tabindex="-1">IsUnion <a class="header-anchor" href="#isunion" aria-label="Permalink to &quot;IsUnion&quot;">​</a></h2><p>判断联合类型我们会这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ([</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>当传入联合类型时，会返回 true：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type IsUnionResult = true</span></span></code></pre></div><p>当传入其他类型时，会返回 false：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type IsUnionResult = false</span></span></code></pre></div><p>这就是分布式条件类型带来的认知成本。</p><p>我们先来看这样一个类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">a</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">b</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>传入联合类型 &#39;a&#39; | &#39;b&#39; | &#39;c&#39; 的时候，结果是这样的：</p><p>A 和 B 都是同一个联合类型，为啥值还不一样呢？</p><p><strong>因为条件类型中如果左边的类型是联合类型，会把每个元素单独传入做计算，而右边不会。</strong></p><p>所以 A 是 &#39;a&#39; 的时候，B 是 &#39;a&#39; | &#39;b&#39; | &#39;c&#39;，A 是 &#39;b&#39; 的时候，B 是 &#39;a&#39; | &#39;b&#39; | &#39;c&#39;。。。</p><p>那么利用这个特点就可以实现 Union 类型的判断：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ([</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待判断的联合类型，B 默认值为 A，也就是同一个类型。</p><p><strong>A extends A 这段看似没啥意义，主要是为了触发分布式条件类型，让 A 的每个类型单独传入。</strong></p><p><strong>[B] extends [A] 这样不直接写 B 就可以避免触发分布式条件类型，那么 B 就是整个联合类型。</strong></p><p>B 是联合类型整体，而 A 是单个类型，自然不成立，而其它类型没有这种特殊处理，A 和 B 都是同一个，怎么判断都成立。</p><p>利用这个特点就可以判断出是否是联合类型。</p><p>其中有两个点比较困惑，我们重点记一下：</p><p>当 A 是联合类型时：</p><p>A extends A 这种写法是为了触发分布式条件类型，让每个类型单独传入处理的，没别的意义。</p><p>A extends A 和 [A] extends [A] 是不同的处理，前者是单个类型和整个类型做判断，后者两边都是整个联合类型，因为只有 extends 左边直接是类型参数才会触发分布式条件类型。</p><p>理解了这两点，分布式条件类型就算掌握了。</p><h2 id="bem" tabindex="-1">BEM <a class="header-anchor" href="#bem" aria-label="Permalink to &quot;BEM&quot;">​</a></h2><p>bem 是 css 命名规范，用 block__element--modifier 的形式来描述某个区块下面的某个元素的某个状态的样式。</p><p>那么我们可以写这样一个高级类型，传入 block、element、modifier，返回构造出的 class 名：</p><p>这样使用：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> bemResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;guang&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aaa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;bbb&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;warning&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;success&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span></code></pre></div><p>它的实现就是三部分的合并，但传入的是数组，要递归遍历取出每一个元素来和其他部分组合，这样太麻烦了。</p><p>而如果是联合类型就不用递归遍历了，因为联合类型遇到字符串也是会单独每个元素单独传入做处理。</p><p>数组转联合类型可以这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> union</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aaa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;bbb&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type union = &#39;aaa&#39; | &#39;bbb&#39;</span></span></code></pre></div><p>那么 BEM 就可以这样实现：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Block</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Element</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Modifiers</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Block</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}__${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Element</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}--${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Modifiers</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Block、Element、Modifiers 分别是 bem 规范的三部分，其中 Element 和 Modifiers 都可能多个，约束为 string[]。</p><p>构造一个字符串类型，其中 Element 和 Modifiers 通过索引访问来变为联合类型。</p><p>字符串类型中遇到联合类型的时候，会每个元素单独传入计算，也就是这样的效果：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> RemResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;b&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;d&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;e&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type RemResult = &#39;a__b--d&#39; | &#39;a__b--e&#39; | &#39;a__c--d&#39; | &#39;a__b--e&#39;</span></span></code></pre></div><p>可以看到，用好了联合类型，确实能简化类型编程逻辑。</p><h2 id="allcombinations" tabindex="-1">AllCombinations <a class="header-anchor" href="#allcombinations" aria-label="Permalink to &quot;AllCombinations&quot;">​</a></h2><p>我们再来实现一个全组合的高级类型，也是联合类型相关的：</p><p>希望传入 &#39;A&#39; | &#39;B&#39; 的时候，能够返回所有的组合： &#39;A&#39; | &#39;B&#39; | &#39;BA&#39; | &#39;AB&#39;。</p><p>这种全组合问题的实现思路就是两两组合，组合出的字符串再和其他字符串两两组和：</p><p>比如 &#39;A&#39; | &#39;B&#39; | &#39;c&#39;，就是 A 和 B、C 组合，B 和 A、C 组合，C 和 A、B 组合。然后组合出来的字符串再和其他字符串组合。</p><p>任何两个类型的组合有四种：A、B、AB、BA</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>然后构造出来的字符串再和其他字符串组合。</p><p>所以全组合的高级类型就是这样：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Exclude</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;&gt;</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待组合的两个联合类型，B 默认是 A 也就是同一个。</p><p>A extends A 的意义就是让联合类型每个类型单独传入做处理，上面我们刚学会。</p><p>A 的处理就是 A 和 B 中去掉 A 以后的所有类型组合，也就是 Combination&lt;A, B 去掉 A 以后的所有组合&gt;。</p><p>而 B 去掉 A 以后的所有组合就是 AllCombinations&lt;Exclude&lt;B, A&gt;&gt;，所以全组合就是 Combination&lt;A, AllCombinations&lt;Exclude&lt;B, A&gt;&gt;&gt;。</p><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>联合类型中的每个类型都是相互独立的，TypeScript 对它做了特殊处理，也就是遇到字符串类型、条件类型的时候会把每个类型单独传入做计算，最后把每个类型的计算结果合并成联合类型。</p><p>条件类型左边是联合类型的时候就会触法这种处理，叫做分布式条件类型。</p><p>有两点特别要注意：</p><ul><li><p>A extends A 不是没意义，意义是取出联合类型中的单个类型放入 A</p></li><li><p>A extends A 才是分布式条件类型， [A] extends [A] 就不是了，只有左边是单独的类型参数才可以。</p></li></ul><p>我们后面做了一些案例，发现联合类型的这种 distributive 的特性确实能简化类型编程，但是也增加了认知成本，不过这也是不可避免的事。</p>',91)]))}const y=i(k,[["render",n]]);export{F as __pageData,y as default};
diff --git a/assets/src_article_typescript_unionType.md.lwThafAB.lean.js b/assets/src_article_typescript_unionType.md.DWIWcdin.lean.js
similarity index 99%
rename from assets/src_article_typescript_unionType.md.lwThafAB.lean.js
rename to assets/src_article_typescript_unionType.md.DWIWcdin.lean.js
index 7f4ecf7312..acb8aeebcc 100644
--- a/assets/src_article_typescript_unionType.md.lwThafAB.lean.js
+++ b/assets/src_article_typescript_unionType.md.DWIWcdin.lean.js
@@ -1 +1 @@
-import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"分布式条件类型","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/unionType.md","filePath":"src/article/typescript/unionType.md","lastUpdated":1728129125000}'),k={name:"src/article/typescript/unionType.md"};function n(p,s,l,e,d,r){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="分布式条件类型" tabindex="-1">分布式条件类型 <a class="header-anchor" href="#分布式条件类型" aria-label="Permalink to &quot;分布式条件类型&quot;">​</a></h1><p>当类型参数为联合类型，并且在条件类型左边直接引用该类型参数的时候，TypeScript 会把每一个元素单独传入来做类型运算，最后再合并成联合类型，这种语法叫做分布式条件类型。</p><p>比如这样一个联合类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Union</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>我们想把其中的 a 大写，就可以这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> UppercaseA</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Uppercase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> UppercaseA</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Union</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type result = &#39;A&#39; | &#39;b&#39; | &#39;c&#39;;</span></span></code></pre></div><p>可以看到，我们类型参数 Item 约束为 string，条件类型的判断中也是判断是否是 a，但传入的是联合类型。</p><p>这就是 TypeScript 对联合类型在条件类型中使用时的特殊处理：会把联合类型的每一个元素单独传入做类型计算，最后合并。</p><p>这和联合类型遇到字符串时的处理一样：</p><p>这样确实是简化了类型编程逻辑的，不需要递归提取每个元素再处理。</p><p>TypeScript 之所以这样处理联合类型也很容易理解，因为联合类型的每个元素都是互不相关的，不像数组、索引、字符串那样元素之间是有关系的。所以设计成了每一个单独处理，最后合并。</p><p>知道了 TypeScript 怎么处理的联合类型，趁热打铁来练习一下：</p><h2 id="camelcaseunion" tabindex="-1">CamelcaseUnion <a class="header-anchor" href="#camelcaseunion" aria-label="Permalink to &quot;CamelcaseUnion&quot;">​</a></h2><p>Camelcase 我们实现过，就是提取字符串中的字符，首字母大写以后重新构造一个新的。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Str</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Str</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}_${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Uppercase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Camelcase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Str</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>提取 _ 左右的字符，把右边字符大写之后构造成新的字符串，余下的字符串递归处理。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aa_aa_aa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type CamelcaseResult = &#39;aaAaAa&#39;</span></span></code></pre></div><p>如果是对字符串数组做 Camelcase，那就要递归处理每一个元素：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> RestArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &amp;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CamelcaseArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">RestArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;]</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [];</span></span></code></pre></div><p>类型参数 Arr 为待处理数组。</p><p>递归提取每一个元素做 Camelcase，因为 Camelcase 要求传入 string，这里要 &amp; string 来变成 string 类型。</p><p>那如果是联合类型呢？</p><p>联合类型不需要递归提取每个元素，TypeScript 内部会把每一个元素传入单独做计算，之后把每个元素的计算结果合并成联合类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}_${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Uppercase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CamelcaseUnion</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>这不和单个字符串的处理没区别么？</p><p>没错，对联合类型的处理和对单个类型的处理没什么区别，TypeScript 会把每个单独的类型拆开传入。不需要像数组类型那样需要递归提取每个元素做处理。</p><p>确实简化了很多，好像都是优点？</p><p>也不全是，其实这样处理也增加了一些认知成本，不信我们再来看个例子：</p><h2 id="isunion" tabindex="-1">IsUnion <a class="header-anchor" href="#isunion" aria-label="Permalink to &quot;IsUnion&quot;">​</a></h2><p>判断联合类型我们会这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ([</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>当传入联合类型时，会返回 true：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type IsUnionResult = true</span></span></code></pre></div><p>当传入其他类型时，会返回 false：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type IsUnionResult = false</span></span></code></pre></div><p>这就是分布式条件类型带来的认知成本。</p><p>我们先来看这样一个类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">a</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">b</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>传入联合类型 &#39;a&#39; | &#39;b&#39; | &#39;c&#39; 的时候，结果是这样的：</p><p>A 和 B 都是同一个联合类型，为啥值还不一样呢？</p><p><strong>因为条件类型中如果左边的类型是联合类型，会把每个元素单独传入做计算，而右边不会。</strong></p><p>所以 A 是 &#39;a&#39; 的时候，B 是 &#39;a&#39; | &#39;b&#39; | &#39;c&#39;，A 是 &#39;b&#39; 的时候，B 是 &#39;a&#39; | &#39;b&#39; | &#39;c&#39;。。。</p><p>那么利用这个特点就可以实现 Union 类型的判断：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ([</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待判断的联合类型，B 默认值为 A，也就是同一个类型。</p><p><strong>A extends A 这段看似没啥意义，主要是为了触发分布式条件类型，让 A 的每个类型单独传入。</strong></p><p><strong>[B] extends [A] 这样不直接写 B 就可以避免触发分布式条件类型，那么 B 就是整个联合类型。</strong></p><p>B 是联合类型整体，而 A 是单个类型，自然不成立，而其它类型没有这种特殊处理，A 和 B 都是同一个，怎么判断都成立。</p><p>利用这个特点就可以判断出是否是联合类型。</p><p>其中有两个点比较困惑，我们重点记一下：</p><p>当 A 是联合类型时：</p><p>A extends A 这种写法是为了触发分布式条件类型，让每个类型单独传入处理的，没别的意义。</p><p>A extends A 和 [A] extends [A] 是不同的处理，前者是单个类型和整个类型做判断，后者两边都是整个联合类型，因为只有 extends 左边直接是类型参数才会触发分布式条件类型。</p><p>理解了这两点，分布式条件类型就算掌握了。</p><h2 id="bem" tabindex="-1">BEM <a class="header-anchor" href="#bem" aria-label="Permalink to &quot;BEM&quot;">​</a></h2><p>bem 是 css 命名规范，用 block__element--modifier 的形式来描述某个区块下面的某个元素的某个状态的样式。</p><p>那么我们可以写这样一个高级类型，传入 block、element、modifier，返回构造出的 class 名：</p><p>这样使用：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> bemResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;guang&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aaa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;bbb&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;warning&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;success&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span></code></pre></div><p>它的实现就是三部分的合并，但传入的是数组，要递归遍历取出每一个元素来和其他部分组合，这样太麻烦了。</p><p>而如果是联合类型就不用递归遍历了，因为联合类型遇到字符串也是会单独每个元素单独传入做处理。</p><p>数组转联合类型可以这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> union</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aaa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;bbb&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type union = &#39;aaa&#39; | &#39;bbb&#39;</span></span></code></pre></div><p>那么 BEM 就可以这样实现：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Block</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Element</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Modifiers</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Block</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}__${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Element</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}--${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Modifiers</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Block、Element、Modifiers 分别是 bem 规范的三部分，其中 Element 和 Modifiers 都可能多个，约束为 string[]。</p><p>构造一个字符串类型，其中 Element 和 Modifiers 通过索引访问来变为联合类型。</p><p>字符串类型中遇到联合类型的时候，会每个元素单独传入计算，也就是这样的效果：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> RemResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;b&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;d&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;e&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type RemResult = &#39;a__b--d&#39; | &#39;a__b--e&#39; | &#39;a__c--d&#39; | &#39;a__b--e&#39;</span></span></code></pre></div><p>可以看到，用好了联合类型，确实能简化类型编程逻辑。</p><h2 id="allcombinations" tabindex="-1">AllCombinations <a class="header-anchor" href="#allcombinations" aria-label="Permalink to &quot;AllCombinations&quot;">​</a></h2><p>我们再来实现一个全组合的高级类型，也是联合类型相关的：</p><p>希望传入 &#39;A&#39; | &#39;B&#39; 的时候，能够返回所有的组合： &#39;A&#39; | &#39;B&#39; | &#39;BA&#39; | &#39;AB&#39;。</p><p>这种全组合问题的实现思路就是两两组合，组合出的字符串再和其他字符串两两组和：</p><p>比如 &#39;A&#39; | &#39;B&#39; | &#39;c&#39;，就是 A 和 B、C 组合，B 和 A、C 组合，C 和 A、B 组合。然后组合出来的字符串再和其他字符串组合。</p><p>任何两个类型的组合有四种：A、B、AB、BA</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>然后构造出来的字符串再和其他字符串组合。</p><p>所以全组合的高级类型就是这样：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Exclude</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;&gt;</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待组合的两个联合类型，B 默认是 A 也就是同一个。</p><p>A extends A 的意义就是让联合类型每个类型单独传入做处理，上面我们刚学会。</p><p>A 的处理就是 A 和 B 中去掉 A 以后的所有类型组合，也就是 Combination&lt;A, B 去掉 A 以后的所有组合&gt;。</p><p>而 B 去掉 A 以后的所有组合就是 AllCombinations&lt;Exclude&lt;B, A&gt;&gt;，所以全组合就是 Combination&lt;A, AllCombinations&lt;Exclude&lt;B, A&gt;&gt;&gt;。</p><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>联合类型中的每个类型都是相互独立的，TypeScript 对它做了特殊处理，也就是遇到字符串类型、条件类型的时候会把每个类型单独传入做计算，最后把每个类型的计算结果合并成联合类型。</p><p>条件类型左边是联合类型的时候就会触法这种处理，叫做分布式条件类型。</p><p>有两点特别要注意：</p><ul><li><p>A extends A 不是没意义，意义是取出联合类型中的单个类型放入 A</p></li><li><p>A extends A 才是分布式条件类型， [A] extends [A] 就不是了，只有左边是单独的类型参数才可以。</p></li></ul><p>我们后面做了一些案例，发现联合类型的这种 distributive 的特性确实能简化类型编程，但是也增加了认知成本，不过这也是不可避免的事。</p>',91)]))}const y=i(k,[["render",n]]);export{F as __pageData,y as default};
+import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"分布式条件类型","description":"","frontmatter":{},"headers":[],"relativePath":"src/article/typescript/unionType.md","filePath":"src/article/typescript/unionType.md","lastUpdated":1728129344000}'),k={name:"src/article/typescript/unionType.md"};function n(p,s,l,e,d,r){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="分布式条件类型" tabindex="-1">分布式条件类型 <a class="header-anchor" href="#分布式条件类型" aria-label="Permalink to &quot;分布式条件类型&quot;">​</a></h1><p>当类型参数为联合类型，并且在条件类型左边直接引用该类型参数的时候，TypeScript 会把每一个元素单独传入来做类型运算，最后再合并成联合类型，这种语法叫做分布式条件类型。</p><p>比如这样一个联合类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Union</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>我们想把其中的 a 大写，就可以这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> UppercaseA</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Uppercase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> UppercaseA</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Union</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type result = &#39;A&#39; | &#39;b&#39; | &#39;c&#39;;</span></span></code></pre></div><p>可以看到，我们类型参数 Item 约束为 string，条件类型的判断中也是判断是否是 a，但传入的是联合类型。</p><p>这就是 TypeScript 对联合类型在条件类型中使用时的特殊处理：会把联合类型的每一个元素单独传入做类型计算，最后合并。</p><p>这和联合类型遇到字符串时的处理一样：</p><p>这样确实是简化了类型编程逻辑的，不需要递归提取每个元素再处理。</p><p>TypeScript 之所以这样处理联合类型也很容易理解，因为联合类型的每个元素都是互不相关的，不像数组、索引、字符串那样元素之间是有关系的。所以设计成了每一个单独处理，最后合并。</p><p>知道了 TypeScript 怎么处理的联合类型，趁热打铁来练习一下：</p><h2 id="camelcaseunion" tabindex="-1">CamelcaseUnion <a class="header-anchor" href="#camelcaseunion" aria-label="Permalink to &quot;CamelcaseUnion&quot;">​</a></h2><p>Camelcase 我们实现过，就是提取字符串中的字符，首字母大写以后重新构造一个新的。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Str</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Str</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}_${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Uppercase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Camelcase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Str</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>提取 _ 左右的字符，把右边字符大写之后构造成新的字符串，余下的字符串递归处理。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aa_aa_aa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type CamelcaseResult = &#39;aaAaAa&#39;</span></span></code></pre></div><p>如果是对字符串数组做 Camelcase，那就要递归处理每一个元素：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> RestArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Camelcase</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> &amp;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CamelcaseArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">RestArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;]</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [];</span></span></code></pre></div><p>类型参数 Arr 为待处理数组。</p><p>递归提取每一个元素做 Camelcase，因为 Camelcase 要求传入 string，这里要 &amp; string 来变成 string 类型。</p><p>那如果是联合类型呢？</p><p>联合类型不需要递归提取每个元素，TypeScript 内部会把每一个元素传入单独做计算，之后把每个元素的计算结果合并成联合类型。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CamelcaseUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}_${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Left</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Uppercase</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Right</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CamelcaseUnion</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&gt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Item</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>这不和单个字符串的处理没区别么？</p><p>没错，对联合类型的处理和对单个类型的处理没什么区别，TypeScript 会把每个单独的类型拆开传入。不需要像数组类型那样需要递归提取每个元素做处理。</p><p>确实简化了很多，好像都是优点？</p><p>也不全是，其实这样处理也增加了一些认知成本，不信我们再来看个例子：</p><h2 id="isunion" tabindex="-1">IsUnion <a class="header-anchor" href="#isunion" aria-label="Permalink to &quot;IsUnion&quot;">​</a></h2><p>判断联合类型我们会这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ([</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>当传入联合类型时，会返回 true：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type IsUnionResult = true</span></span></code></pre></div><p>当传入其他类型时，会返回 false：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type IsUnionResult = false</span></span></code></pre></div><p>这就是分布式条件类型带来的认知成本。</p><p>我们先来看这样一个类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">a</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">b</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnionResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;b&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>传入联合类型 &#39;a&#39; | &#39;b&#39; | &#39;c&#39; 的时候，结果是这样的：</p><p>A 和 B 都是同一个联合类型，为啥值还不一样呢？</p><p><strong>因为条件类型中如果左边的类型是联合类型，会把每个元素单独传入做计算，而右边不会。</strong></p><p>所以 A 是 &#39;a&#39; 的时候，B 是 &#39;a&#39; | &#39;b&#39; | &#39;c&#39;，A 是 &#39;b&#39; 的时候，B 是 &#39;a&#39; | &#39;b&#39; | &#39;c&#39;。。。</p><p>那么利用这个特点就可以实现 Union 类型的判断：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IsUnion</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ([</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待判断的联合类型，B 默认值为 A，也就是同一个类型。</p><p><strong>A extends A 这段看似没啥意义，主要是为了触发分布式条件类型，让 A 的每个类型单独传入。</strong></p><p><strong>[B] extends [A] 这样不直接写 B 就可以避免触发分布式条件类型，那么 B 就是整个联合类型。</strong></p><p>B 是联合类型整体，而 A 是单个类型，自然不成立，而其它类型没有这种特殊处理，A 和 B 都是同一个，怎么判断都成立。</p><p>利用这个特点就可以判断出是否是联合类型。</p><p>其中有两个点比较困惑，我们重点记一下：</p><p>当 A 是联合类型时：</p><p>A extends A 这种写法是为了触发分布式条件类型，让每个类型单独传入处理的，没别的意义。</p><p>A extends A 和 [A] extends [A] 是不同的处理，前者是单个类型和整个类型做判断，后者两边都是整个联合类型，因为只有 extends 左边直接是类型参数才会触发分布式条件类型。</p><p>理解了这两点，分布式条件类型就算掌握了。</p><h2 id="bem" tabindex="-1">BEM <a class="header-anchor" href="#bem" aria-label="Permalink to &quot;BEM&quot;">​</a></h2><p>bem 是 css 命名规范，用 block__element--modifier 的形式来描述某个区块下面的某个元素的某个状态的样式。</p><p>那么我们可以写这样一个高级类型，传入 block、element、modifier，返回构造出的 class 名：</p><p>这样使用：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> bemResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;guang&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aaa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;bbb&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;warning&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;success&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span></code></pre></div><p>它的实现就是三部分的合并，但传入的是数组，要递归遍历取出每一个元素来和其他部分组合，这样太麻烦了。</p><p>而如果是联合类型就不用递归遍历了，因为联合类型遇到字符串也是会单独每个元素单独传入做处理。</p><p>数组转联合类型可以这样写：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> union</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;aaa&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;bbb&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">][</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type union = &#39;aaa&#39; | &#39;bbb&#39;</span></span></code></pre></div><p>那么 BEM 就可以这样实现：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Block</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Element</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span></span>\n<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  Modifiers</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Block</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}__${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Element</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}--${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Modifiers</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Block、Element、Modifiers 分别是 bem 规范的三部分，其中 Element 和 Modifiers 都可能多个，约束为 string[]。</p><p>构造一个字符串类型，其中 Element 和 Modifiers 通过索引访问来变为联合类型。</p><p>字符串类型中遇到联合类型的时候，会每个元素单独传入计算，也就是这样的效果：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> RemResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;b&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;d&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;e&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type RemResult = &#39;a__b--d&#39; | &#39;a__b--e&#39; | &#39;a__c--d&#39; | &#39;a__b--e&#39;</span></span></code></pre></div><p>可以看到，用好了联合类型，确实能简化类型编程逻辑。</p><h2 id="allcombinations" tabindex="-1">AllCombinations <a class="header-anchor" href="#allcombinations" aria-label="Permalink to &quot;AllCombinations&quot;">​</a></h2><p>我们再来实现一个全组合的高级类型，也是联合类型相关的：</p><p>希望传入 &#39;A&#39; | &#39;B&#39; 的时候，能够返回所有的组合： &#39;A&#39; | &#39;B&#39; | &#39;BA&#39; | &#39;AB&#39;。</p><p>这种全组合问题的实现思路就是两两组合，组合出的字符串再和其他字符串两两组和：</p><p>比如 &#39;A&#39; | &#39;B&#39; | &#39;c&#39;，就是 A 和 B、C 组合，B 和 A、C 组合，C 和 A、B 组合。然后组合出来的字符串再和其他字符串组合。</p><p>任何两个类型的组合有四种：A、B、AB、BA</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>然后构造出来的字符串再和其他字符串组合。</p><p>所以全组合的高级类型就是这样：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Exclude</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;&gt;</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待组合的两个联合类型，B 默认是 A 也就是同一个。</p><p>A extends A 的意义就是让联合类型每个类型单独传入做处理，上面我们刚学会。</p><p>A 的处理就是 A 和 B 中去掉 A 以后的所有类型组合，也就是 Combination&lt;A, B 去掉 A 以后的所有组合&gt;。</p><p>而 B 去掉 A 以后的所有组合就是 AllCombinations&lt;Exclude&lt;B, A&gt;&gt;，所以全组合就是 Combination&lt;A, AllCombinations&lt;Exclude&lt;B, A&gt;&gt;&gt;。</p><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>联合类型中的每个类型都是相互独立的，TypeScript 对它做了特殊处理，也就是遇到字符串类型、条件类型的时候会把每个类型单独传入做计算，最后把每个类型的计算结果合并成联合类型。</p><p>条件类型左边是联合类型的时候就会触法这种处理，叫做分布式条件类型。</p><p>有两点特别要注意：</p><ul><li><p>A extends A 不是没意义，意义是取出联合类型中的单个类型放入 A</p></li><li><p>A extends A 才是分布式条件类型， [A] extends [A] 就不是了，只有左边是单独的类型参数才可以。</p></li></ul><p>我们后面做了一些案例，发现联合类型的这种 distributive 的特性确实能简化类型编程，但是也增加了认知成本，不过这也是不可避免的事。</p>',91)]))}const y=i(k,[["render",n]]);export{F as __pageData,y as default};
diff --git a/assets/src_ranui_button_index.md.Bv4CarK8.js b/assets/src_ranui_button_index.md.xyRWgUv8.js
similarity index 99%
rename from assets/src_ranui_button_index.md.Bv4CarK8.js
rename to assets/src_ranui_button_index.md.xyRWgUv8.js
index 10a24231b6..fd2507b847 100644
--- a/assets/src_ranui_button_index.md.Bv4CarK8.js
+++ b/assets/src_ranui_button_index.md.xyRWgUv8.js
@@ -1,4 +1,4 @@
-import{_ as a,o as n,c as e,a3 as t,j as s}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"Button","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/button/index.md","filePath":"src/ranui/button/index.md","lastUpdated":1728129125000}'),l={name:"src/ranui/button/index.md"};function h(p,i,k,r,o,d){return n(),e("div",{"data-pagefind-body":!0},i[0]||(i[0]=[t(`<h1 id="button" tabindex="-1">Button <a class="header-anchor" href="#button" aria-label="Permalink to &quot;Button&quot;">​</a></h1><p>The button is used to start an instant action.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-button>Button</r-button><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;Button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="type" tabindex="-1"><code>type</code> <a class="header-anchor" href="#type" aria-label="Permalink to &quot;\`type\`&quot;">​</a></h3><p>There are four types of buttons</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="primary">Primary button</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="warning">Warning button</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="text">Text button</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button>Default button</r-button></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Primary button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as a,o as n,c as e,a3 as t,j as s}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"Button","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/button/index.md","filePath":"src/ranui/button/index.md","lastUpdated":1728129344000}'),l={name:"src/ranui/button/index.md"};function h(p,i,k,r,o,d){return n(),e("div",{"data-pagefind-body":!0},i[0]||(i[0]=[t(`<h1 id="button" tabindex="-1">Button <a class="header-anchor" href="#button" aria-label="Permalink to &quot;Button&quot;">​</a></h1><p>The button is used to start an instant action.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-button>Button</r-button><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;Button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="type" tabindex="-1"><code>type</code> <a class="header-anchor" href="#type" aria-label="Permalink to &quot;\`type\`&quot;">​</a></h3><p>There are four types of buttons</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="primary">Primary button</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="warning">Warning button</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="text">Text button</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button>Default button</r-button></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Primary button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;warning&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Warning button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;text&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Text button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;Default button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="disabled" tabindex="-1"><code>disabled</code> <a class="header-anchor" href="#disabled" aria-label="Permalink to &quot;\`disabled\`&quot;">​</a></h3><p>Adding the disabled attribute makes the button unavailable and changes the button style.</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="primary" disabled>Primary button</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="warning" disabled>Warning button</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="text" disabled>Text button</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button disabled>Default button</r-button></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;Primary butto&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranui_button_index.md.Bv4CarK8.lean.js b/assets/src_ranui_button_index.md.xyRWgUv8.lean.js
similarity index 99%
rename from assets/src_ranui_button_index.md.Bv4CarK8.lean.js
rename to assets/src_ranui_button_index.md.xyRWgUv8.lean.js
index 10a24231b6..fd2507b847 100644
--- a/assets/src_ranui_button_index.md.Bv4CarK8.lean.js
+++ b/assets/src_ranui_button_index.md.xyRWgUv8.lean.js
@@ -1,4 +1,4 @@
-import{_ as a,o as n,c as e,a3 as t,j as s}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"Button","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/button/index.md","filePath":"src/ranui/button/index.md","lastUpdated":1728129125000}'),l={name:"src/ranui/button/index.md"};function h(p,i,k,r,o,d){return n(),e("div",{"data-pagefind-body":!0},i[0]||(i[0]=[t(`<h1 id="button" tabindex="-1">Button <a class="header-anchor" href="#button" aria-label="Permalink to &quot;Button&quot;">​</a></h1><p>The button is used to start an instant action.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-button>Button</r-button><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;Button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="type" tabindex="-1"><code>type</code> <a class="header-anchor" href="#type" aria-label="Permalink to &quot;\`type\`&quot;">​</a></h3><p>There are four types of buttons</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="primary">Primary button</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="warning">Warning button</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="text">Text button</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button>Default button</r-button></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Primary button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as a,o as n,c as e,a3 as t,j as s}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"Button","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/button/index.md","filePath":"src/ranui/button/index.md","lastUpdated":1728129344000}'),l={name:"src/ranui/button/index.md"};function h(p,i,k,r,o,d){return n(),e("div",{"data-pagefind-body":!0},i[0]||(i[0]=[t(`<h1 id="button" tabindex="-1">Button <a class="header-anchor" href="#button" aria-label="Permalink to &quot;Button&quot;">​</a></h1><p>The button is used to start an instant action.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-button>Button</r-button><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;Button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="type" tabindex="-1"><code>type</code> <a class="header-anchor" href="#type" aria-label="Permalink to &quot;\`type\`&quot;">​</a></h3><p>There are four types of buttons</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="primary">Primary button</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="warning">Warning button</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="text">Text button</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button>Default button</r-button></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Primary button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;warning&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Warning button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;text&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Text button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;Default button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="disabled" tabindex="-1"><code>disabled</code> <a class="header-anchor" href="#disabled" aria-label="Permalink to &quot;\`disabled\`&quot;">​</a></h3><p>Adding the disabled attribute makes the button unavailable and changes the button style.</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="primary" disabled>Primary button</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="warning" disabled>Warning button</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="text" disabled>Text button</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button disabled>Default button</r-button></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;Primary butto&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranui_checkbox_index.md.D6UQK38M.js b/assets/src_ranui_checkbox_index.md.DZWEhA_6.js
similarity index 99%
rename from assets/src_ranui_checkbox_index.md.D6UQK38M.js
rename to assets/src_ranui_checkbox_index.md.DZWEhA_6.js
index 38fd268969..445de73bc3 100644
--- a/assets/src_ranui_checkbox_index.md.D6UQK38M.js
+++ b/assets/src_ranui_checkbox_index.md.DZWEhA_6.js
@@ -1,2 +1,2 @@
-import{_ as e,o as h,c as t,a3 as i,j as a}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"CheckBox","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/checkbox/index.md","filePath":"src/ranui/checkbox/index.md","lastUpdated":1728129125000}'),l={name:"src/ranui/checkbox/index.md"};function k(n,s,c,d,p,o){return h(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[i('<h1 id="checkbox" tabindex="-1">CheckBox <a class="header-anchor" href="#checkbox" aria-label="Permalink to &quot;CheckBox&quot;">​</a></h1><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-checkbox></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="checked" tabindex="-1"><code>checked</code> <a class="header-anchor" href="#checked" aria-label="Permalink to &quot;`checked`&quot;">​</a></h3><r-checkbox checked="true"></r-checkbox><r-checkbox checked="false"></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="disabled" tabindex="-1"><code>disabled</code> <a class="header-anchor" href="#disabled" aria-label="Permalink to &quot;`disabled`&quot;">​</a></h3><r-checkbox checked="true" disabled></r-checkbox><r-checkbox checked="false" disabled></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="event" tabindex="-1"><code>event</code> <a class="header-anchor" href="#event" aria-label="Permalink to &quot;`event`&quot;">​</a></h2><p>Common callback events.</p><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3>',16),a("r-checkbox",{onchange:"console.log(this.checked)"},null,-1),a("r-checkbox",{onchange:"console.log(this.checked)"},null,-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;console.log(this.checked)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as e,o as h,c as t,a3 as i,j as a}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"CheckBox","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/checkbox/index.md","filePath":"src/ranui/checkbox/index.md","lastUpdated":1728129344000}'),l={name:"src/ranui/checkbox/index.md"};function k(n,s,c,d,p,o){return h(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[i('<h1 id="checkbox" tabindex="-1">CheckBox <a class="header-anchor" href="#checkbox" aria-label="Permalink to &quot;CheckBox&quot;">​</a></h1><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-checkbox></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="checked" tabindex="-1"><code>checked</code> <a class="header-anchor" href="#checked" aria-label="Permalink to &quot;`checked`&quot;">​</a></h3><r-checkbox checked="true"></r-checkbox><r-checkbox checked="false"></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="disabled" tabindex="-1"><code>disabled</code> <a class="header-anchor" href="#disabled" aria-label="Permalink to &quot;`disabled`&quot;">​</a></h3><r-checkbox checked="true" disabled></r-checkbox><r-checkbox checked="false" disabled></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="event" tabindex="-1"><code>event</code> <a class="header-anchor" href="#event" aria-label="Permalink to &quot;`event`&quot;">​</a></h2><p>Common callback events.</p><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3>',16),a("r-checkbox",{onchange:"console.log(this.checked)"},null,-1),a("r-checkbox",{onchange:"console.log(this.checked)"},null,-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;console.log(this.checked)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;console.log(this.checked)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>`,1)]))}const g=e(l,[["render",k]]);export{E as __pageData,g as default};
diff --git a/assets/src_ranui_checkbox_index.md.D6UQK38M.lean.js b/assets/src_ranui_checkbox_index.md.DZWEhA_6.lean.js
similarity index 99%
rename from assets/src_ranui_checkbox_index.md.D6UQK38M.lean.js
rename to assets/src_ranui_checkbox_index.md.DZWEhA_6.lean.js
index 38fd268969..445de73bc3 100644
--- a/assets/src_ranui_checkbox_index.md.D6UQK38M.lean.js
+++ b/assets/src_ranui_checkbox_index.md.DZWEhA_6.lean.js
@@ -1,2 +1,2 @@
-import{_ as e,o as h,c as t,a3 as i,j as a}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"CheckBox","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/checkbox/index.md","filePath":"src/ranui/checkbox/index.md","lastUpdated":1728129125000}'),l={name:"src/ranui/checkbox/index.md"};function k(n,s,c,d,p,o){return h(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[i('<h1 id="checkbox" tabindex="-1">CheckBox <a class="header-anchor" href="#checkbox" aria-label="Permalink to &quot;CheckBox&quot;">​</a></h1><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-checkbox></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="checked" tabindex="-1"><code>checked</code> <a class="header-anchor" href="#checked" aria-label="Permalink to &quot;`checked`&quot;">​</a></h3><r-checkbox checked="true"></r-checkbox><r-checkbox checked="false"></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="disabled" tabindex="-1"><code>disabled</code> <a class="header-anchor" href="#disabled" aria-label="Permalink to &quot;`disabled`&quot;">​</a></h3><r-checkbox checked="true" disabled></r-checkbox><r-checkbox checked="false" disabled></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="event" tabindex="-1"><code>event</code> <a class="header-anchor" href="#event" aria-label="Permalink to &quot;`event`&quot;">​</a></h2><p>Common callback events.</p><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3>',16),a("r-checkbox",{onchange:"console.log(this.checked)"},null,-1),a("r-checkbox",{onchange:"console.log(this.checked)"},null,-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;console.log(this.checked)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as e,o as h,c as t,a3 as i,j as a}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"CheckBox","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/checkbox/index.md","filePath":"src/ranui/checkbox/index.md","lastUpdated":1728129344000}'),l={name:"src/ranui/checkbox/index.md"};function k(n,s,c,d,p,o){return h(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[i('<h1 id="checkbox" tabindex="-1">CheckBox <a class="header-anchor" href="#checkbox" aria-label="Permalink to &quot;CheckBox&quot;">​</a></h1><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-checkbox></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="checked" tabindex="-1"><code>checked</code> <a class="header-anchor" href="#checked" aria-label="Permalink to &quot;`checked`&quot;">​</a></h3><r-checkbox checked="true"></r-checkbox><r-checkbox checked="false"></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="disabled" tabindex="-1"><code>disabled</code> <a class="header-anchor" href="#disabled" aria-label="Permalink to &quot;`disabled`&quot;">​</a></h3><r-checkbox checked="true" disabled></r-checkbox><r-checkbox checked="false" disabled></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="event" tabindex="-1"><code>event</code> <a class="header-anchor" href="#event" aria-label="Permalink to &quot;`event`&quot;">​</a></h2><p>Common callback events.</p><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3>',16),a("r-checkbox",{onchange:"console.log(this.checked)"},null,-1),a("r-checkbox",{onchange:"console.log(this.checked)"},null,-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;console.log(this.checked)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;console.log(this.checked)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>`,1)]))}const g=e(l,[["render",k]]);export{E as __pageData,g as default};
diff --git a/assets/src_ranui_icon_index.md.Cada4EMN.js b/assets/src_ranui_icon_index.md.CCbuLCdk.js
similarity index 99%
rename from assets/src_ranui_icon_index.md.Cada4EMN.js
rename to assets/src_ranui_icon_index.md.CCbuLCdk.js
index dcbaf9800c..d0707e6a27 100644
--- a/assets/src_ranui_icon_index.md.Cada4EMN.js
+++ b/assets/src_ranui_icon_index.md.CCbuLCdk.js
@@ -1,4 +1,4 @@
-import{_ as p,o as r,c as E,a3 as e,j as n}from"./chunks/framework.eq-HTtE3.js";const o=()=>{setTimeout(()=>{const l=["add-user","book","check-circle","close-circle","eye-close","eye","info-circle","loading","lock","message","power-off","setting","team","unlock","user"];if(typeof document<"u"){const a=document.getElementById("icon-list"),s=document.createElement("div");s.style.setProperty("display","grid"),s.style.setProperty("grid-template-columns","repeat(3, 200px)"),s.style.setProperty("grid-template-rows","repeat(3, 200px);"),l.forEach(h=>{const i=document.createElement("div");i.style.setProperty("display","flex"),i.style.setProperty("align-items","center"),i.style.setProperty("margin","15px"),i.style.setProperty("justify-content","center"),i.style.setProperty("flex-flow","column nowrap");const t=document.createElement("r-icon");t.setAttribute("name",h),t.setAttribute("size","50"),i.appendChild(t);const k=document.createElement("span");k.innerHTML=h,i.appendChild(k),s==null||s.appendChild(i)}),a==null||a.appendChild(s)}},0)};o();const y=JSON.parse('{"title":"Icon","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/icon/index.md","filePath":"src/ranui/icon/index.md","lastUpdated":1728129125000}'),d={name:"src/ranui/icon/index.md"};function g(l,a,s,h,i,t){return r(),E("div",{"data-pagefind-body":!0},a[0]||(a[0]=[e(`<h1 id="icon" tabindex="-1">Icon <a class="header-anchor" href="#icon" aria-label="Permalink to &quot;Icon&quot;">​</a></h1><p>Semantic vector graphics</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div style="display:flex;"><r-icon name="lock" size="50"></r-icon><r-icon name="eye" size="50"></r-icon><r-icon name="user" size="50"></r-icon></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as p,o as r,c as E,a3 as e,j as n}from"./chunks/framework.eq-HTtE3.js";const o=()=>{setTimeout(()=>{const l=["add-user","book","check-circle","close-circle","eye-close","eye","info-circle","loading","lock","message","power-off","setting","team","unlock","user"];if(typeof document<"u"){const a=document.getElementById("icon-list"),s=document.createElement("div");s.style.setProperty("display","grid"),s.style.setProperty("grid-template-columns","repeat(3, 200px)"),s.style.setProperty("grid-template-rows","repeat(3, 200px);"),l.forEach(h=>{const i=document.createElement("div");i.style.setProperty("display","flex"),i.style.setProperty("align-items","center"),i.style.setProperty("margin","15px"),i.style.setProperty("justify-content","center"),i.style.setProperty("flex-flow","column nowrap");const t=document.createElement("r-icon");t.setAttribute("name",h),t.setAttribute("size","50"),i.appendChild(t);const k=document.createElement("span");k.innerHTML=h,i.appendChild(k),s==null||s.appendChild(i)}),a==null||a.appendChild(s)}},0)};o();const y=JSON.parse('{"title":"Icon","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/icon/index.md","filePath":"src/ranui/icon/index.md","lastUpdated":1728129344000}'),d={name:"src/ranui/icon/index.md"};function g(l,a,s,h,i,t){return r(),E("div",{"data-pagefind-body":!0},a[0]||(a[0]=[e(`<h1 id="icon" tabindex="-1">Icon <a class="header-anchor" href="#icon" aria-label="Permalink to &quot;Icon&quot;">​</a></h1><p>Semantic vector graphics</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div style="display:flex;"><r-icon name="lock" size="50"></r-icon><r-icon name="eye" size="50"></r-icon><r-icon name="user" size="50"></r-icon></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;eye&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="name" tabindex="-1"><code>name</code> <a class="header-anchor" href="#name" aria-label="Permalink to &quot;\`name\`&quot;">​</a></h3><p>Select a different icon based on the name</p><div style="display:flex;"><r-icon name="lock" size="50"></r-icon><r-icon name="eye" size="50"></r-icon><r-icon name="user" size="50"></r-icon></div><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;eye&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranui_icon_index.md.Cada4EMN.lean.js b/assets/src_ranui_icon_index.md.CCbuLCdk.lean.js
similarity index 99%
rename from assets/src_ranui_icon_index.md.Cada4EMN.lean.js
rename to assets/src_ranui_icon_index.md.CCbuLCdk.lean.js
index dcbaf9800c..d0707e6a27 100644
--- a/assets/src_ranui_icon_index.md.Cada4EMN.lean.js
+++ b/assets/src_ranui_icon_index.md.CCbuLCdk.lean.js
@@ -1,4 +1,4 @@
-import{_ as p,o as r,c as E,a3 as e,j as n}from"./chunks/framework.eq-HTtE3.js";const o=()=>{setTimeout(()=>{const l=["add-user","book","check-circle","close-circle","eye-close","eye","info-circle","loading","lock","message","power-off","setting","team","unlock","user"];if(typeof document<"u"){const a=document.getElementById("icon-list"),s=document.createElement("div");s.style.setProperty("display","grid"),s.style.setProperty("grid-template-columns","repeat(3, 200px)"),s.style.setProperty("grid-template-rows","repeat(3, 200px);"),l.forEach(h=>{const i=document.createElement("div");i.style.setProperty("display","flex"),i.style.setProperty("align-items","center"),i.style.setProperty("margin","15px"),i.style.setProperty("justify-content","center"),i.style.setProperty("flex-flow","column nowrap");const t=document.createElement("r-icon");t.setAttribute("name",h),t.setAttribute("size","50"),i.appendChild(t);const k=document.createElement("span");k.innerHTML=h,i.appendChild(k),s==null||s.appendChild(i)}),a==null||a.appendChild(s)}},0)};o();const y=JSON.parse('{"title":"Icon","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/icon/index.md","filePath":"src/ranui/icon/index.md","lastUpdated":1728129125000}'),d={name:"src/ranui/icon/index.md"};function g(l,a,s,h,i,t){return r(),E("div",{"data-pagefind-body":!0},a[0]||(a[0]=[e(`<h1 id="icon" tabindex="-1">Icon <a class="header-anchor" href="#icon" aria-label="Permalink to &quot;Icon&quot;">​</a></h1><p>Semantic vector graphics</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div style="display:flex;"><r-icon name="lock" size="50"></r-icon><r-icon name="eye" size="50"></r-icon><r-icon name="user" size="50"></r-icon></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as p,o as r,c as E,a3 as e,j as n}from"./chunks/framework.eq-HTtE3.js";const o=()=>{setTimeout(()=>{const l=["add-user","book","check-circle","close-circle","eye-close","eye","info-circle","loading","lock","message","power-off","setting","team","unlock","user"];if(typeof document<"u"){const a=document.getElementById("icon-list"),s=document.createElement("div");s.style.setProperty("display","grid"),s.style.setProperty("grid-template-columns","repeat(3, 200px)"),s.style.setProperty("grid-template-rows","repeat(3, 200px);"),l.forEach(h=>{const i=document.createElement("div");i.style.setProperty("display","flex"),i.style.setProperty("align-items","center"),i.style.setProperty("margin","15px"),i.style.setProperty("justify-content","center"),i.style.setProperty("flex-flow","column nowrap");const t=document.createElement("r-icon");t.setAttribute("name",h),t.setAttribute("size","50"),i.appendChild(t);const k=document.createElement("span");k.innerHTML=h,i.appendChild(k),s==null||s.appendChild(i)}),a==null||a.appendChild(s)}},0)};o();const y=JSON.parse('{"title":"Icon","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/icon/index.md","filePath":"src/ranui/icon/index.md","lastUpdated":1728129344000}'),d={name:"src/ranui/icon/index.md"};function g(l,a,s,h,i,t){return r(),E("div",{"data-pagefind-body":!0},a[0]||(a[0]=[e(`<h1 id="icon" tabindex="-1">Icon <a class="header-anchor" href="#icon" aria-label="Permalink to &quot;Icon&quot;">​</a></h1><p>Semantic vector graphics</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div style="display:flex;"><r-icon name="lock" size="50"></r-icon><r-icon name="eye" size="50"></r-icon><r-icon name="user" size="50"></r-icon></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;eye&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="name" tabindex="-1"><code>name</code> <a class="header-anchor" href="#name" aria-label="Permalink to &quot;\`name\`&quot;">​</a></h3><p>Select a different icon based on the name</p><div style="display:flex;"><r-icon name="lock" size="50"></r-icon><r-icon name="eye" size="50"></r-icon><r-icon name="user" size="50"></r-icon></div><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;eye&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranui_image_index.md.iND1p-rT.js b/assets/src_ranui_image_index.md.DWE25Dbt.js
similarity index 98%
rename from assets/src_ranui_image_index.md.iND1p-rT.js
rename to assets/src_ranui_image_index.md.DWE25Dbt.js
index 94c7cb5ea6..ed699cfea3 100644
--- a/assets/src_ranui_image_index.md.iND1p-rT.js
+++ b/assets/src_ranui_image_index.md.DWE25Dbt.js
@@ -1 +1 @@
-import{_ as a,o as i,c as e,a3 as E,j as g}from"./chunks/framework.eq-HTtE3.js";const r=JSON.parse('{"title":"Image","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/image/index.md","filePath":"src/ranui/image/index.md","lastUpdated":1728129125000}'),Q={name:"src/ranui/image/index.md"};function s(t,A,o,n,d,h){return i(),e("div",{"data-pagefind-body":!0},A[0]||(A[0]=[E('<h1 id="image" tabindex="-1">Image <a class="header-anchor" href="#image" aria-label="Permalink to &quot;Image&quot;">​</a></h1><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> fallback</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="src" tabindex="-1"><code>src</code> <a class="header-anchor" href="#src" aria-label="Permalink to &quot;`src`&quot;">​</a></h3><p>Image address</p><h3 id="image-loading-failurefallback" tabindex="-1">Image loading failure<code>fallback</code> <a class="header-anchor" href="#image-loading-failurefallback" aria-label="Permalink to &quot;Image loading failure`fallback`&quot;">​</a></h3><p><code>src</code>Configuration of the picture loading failure, the bottom of the picture address, the following is the default loading failure picture</p>',8),g("r-img",{fallback:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg=="},null,-1)]))}const B=a(Q,[["render",s]]);export{r as __pageData,B as default};
+import{_ as a,o as i,c as e,a3 as E,j as g}from"./chunks/framework.eq-HTtE3.js";const r=JSON.parse('{"title":"Image","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/image/index.md","filePath":"src/ranui/image/index.md","lastUpdated":1728129344000}'),Q={name:"src/ranui/image/index.md"};function s(t,A,o,n,d,h){return i(),e("div",{"data-pagefind-body":!0},A[0]||(A[0]=[E('<h1 id="image" tabindex="-1">Image <a class="header-anchor" href="#image" aria-label="Permalink to &quot;Image&quot;">​</a></h1><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> fallback</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="src" tabindex="-1"><code>src</code> <a class="header-anchor" href="#src" aria-label="Permalink to &quot;`src`&quot;">​</a></h3><p>Image address</p><h3 id="image-loading-failurefallback" tabindex="-1">Image loading failure<code>fallback</code> <a class="header-anchor" href="#image-loading-failurefallback" aria-label="Permalink to &quot;Image loading failure`fallback`&quot;">​</a></h3><p><code>src</code>Configuration of the picture loading failure, the bottom of the picture address, the following is the default loading failure picture</p>',8),g("r-img",{fallback:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg=="},null,-1)]))}const B=a(Q,[["render",s]]);export{r as __pageData,B as default};
diff --git a/assets/src_ranui_image_index.md.iND1p-rT.lean.js b/assets/src_ranui_image_index.md.DWE25Dbt.lean.js
similarity index 98%
rename from assets/src_ranui_image_index.md.iND1p-rT.lean.js
rename to assets/src_ranui_image_index.md.DWE25Dbt.lean.js
index 94c7cb5ea6..ed699cfea3 100644
--- a/assets/src_ranui_image_index.md.iND1p-rT.lean.js
+++ b/assets/src_ranui_image_index.md.DWE25Dbt.lean.js
@@ -1 +1 @@
-import{_ as a,o as i,c as e,a3 as E,j as g}from"./chunks/framework.eq-HTtE3.js";const r=JSON.parse('{"title":"Image","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/image/index.md","filePath":"src/ranui/image/index.md","lastUpdated":1728129125000}'),Q={name:"src/ranui/image/index.md"};function s(t,A,o,n,d,h){return i(),e("div",{"data-pagefind-body":!0},A[0]||(A[0]=[E('<h1 id="image" tabindex="-1">Image <a class="header-anchor" href="#image" aria-label="Permalink to &quot;Image&quot;">​</a></h1><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> fallback</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="src" tabindex="-1"><code>src</code> <a class="header-anchor" href="#src" aria-label="Permalink to &quot;`src`&quot;">​</a></h3><p>Image address</p><h3 id="image-loading-failurefallback" tabindex="-1">Image loading failure<code>fallback</code> <a class="header-anchor" href="#image-loading-failurefallback" aria-label="Permalink to &quot;Image loading failure`fallback`&quot;">​</a></h3><p><code>src</code>Configuration of the picture loading failure, the bottom of the picture address, the following is the default loading failure picture</p>',8),g("r-img",{fallback:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg=="},null,-1)]))}const B=a(Q,[["render",s]]);export{r as __pageData,B as default};
+import{_ as a,o as i,c as e,a3 as E,j as g}from"./chunks/framework.eq-HTtE3.js";const r=JSON.parse('{"title":"Image","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/image/index.md","filePath":"src/ranui/image/index.md","lastUpdated":1728129344000}'),Q={name:"src/ranui/image/index.md"};function s(t,A,o,n,d,h){return i(),e("div",{"data-pagefind-body":!0},A[0]||(A[0]=[E('<h1 id="image" tabindex="-1">Image <a class="header-anchor" href="#image" aria-label="Permalink to &quot;Image&quot;">​</a></h1><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> fallback</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="src" tabindex="-1"><code>src</code> <a class="header-anchor" href="#src" aria-label="Permalink to &quot;`src`&quot;">​</a></h3><p>Image address</p><h3 id="image-loading-failurefallback" tabindex="-1">Image loading failure<code>fallback</code> <a class="header-anchor" href="#image-loading-failurefallback" aria-label="Permalink to &quot;Image loading failure`fallback`&quot;">​</a></h3><p><code>src</code>Configuration of the picture loading failure, the bottom of the picture address, the following is the default loading failure picture</p>',8),g("r-img",{fallback:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg=="},null,-1)]))}const B=a(Q,[["render",s]]);export{r as __pageData,B as default};
diff --git a/assets/src_ranui_index.md.BQzsJSIN.js b/assets/src_ranui_index.md.CLoF5T0G.js
similarity index 99%
rename from assets/src_ranui_index.md.BQzsJSIN.js
rename to assets/src_ranui_index.md.CLoF5T0G.js
index 0cce7cdf39..606779c9c7 100644
--- a/assets/src_ranui_index.md.BQzsJSIN.js
+++ b/assets/src_ranui_index.md.CLoF5T0G.js
@@ -1,4 +1,4 @@
-import{_ as t}from"./chunks/customElements.qitHOM3M.js";import{_ as n,o as l,c as e,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"ranui","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/index.md","filePath":"src/ranui/index.md","lastUpdated":1728129125000}'),h={name:"src/ranui/index.md"};function p(k,a,r,d,E,o){return l(),e("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="ranui" tabindex="-1">ranui <a class="header-anchor" href="#ranui" aria-label="Permalink to &quot;ranui&quot;">​</a></h1><p>Development scheme based on <code>Web Components</code></p><h2 id="feature" tabindex="-1">Feature <a class="header-anchor" href="#feature" aria-label="Permalink to &quot;Feature&quot;">​</a></h2><ol><li><strong>Cross-Framework Compatibility</strong>: Works seamlessly with React, Vue, Preact, SolidJS, Svelte, and more. Integrates with any JavaScript project following W3C standards.</li><li><strong>Pure Native Experience</strong>: No need for npm, React/Vue, or build tools. Easy to start, like using native div tags, simplifying structure and reducing learning costs.</li><li><strong>Modular Design</strong>: Breaks systems into small, reusable components for enhanced maintainability and scalability.</li><li><strong>Open-Source</strong>: Licensed under MIT, providing free access to all source code for personal or commercial use.</li><li><strong>Interactive Documentation</strong>: Offers detailed, interactive documentation with live examples for efficient learning.</li><li><strong>Type-Checking</strong>: Built on TypeScript with full type support, ensuring robust and maintainable code.</li><li><strong>Stability and Durability</strong>: Provides exceptional stability, avoiding disruptive updates and ensuring continuous project operation.</li></ol><h2 id="situation" tabindex="-1">Situation <a class="header-anchor" href="#situation" aria-label="Permalink to &quot;Situation&quot;">​</a></h2><p><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.shields.io/github/actions/workflow/status/chaxus/ran/ci.yml" alt="Build Status"></a><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.shields.io/npm/v/ranui.svg" alt="npm-v"></a><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.shields.io/npm/dt/ranui.svg" alt="npm-d"></a><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.badgesize.io/https:/unpkg.com/ranui/dist/umd/shadowless/shadowless.umd.cjs?label=brotli&amp;compression=brotli" alt="brotli"></a><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.shields.io/badge/module%20formats-umd%2C%20esm-green.svg" alt="module formats: umd, esm"></a></p><ul><li><code>git</code>：<a href="https://github.com/chaxus/ran/tree/main/packages/ranui"><code>https://github.com/chaxus/ran/tree/main/packages/ranui</code></a></li><li><code>npm</code>：<a href="https://www.npmjs.com/package/ranui"><code>https://www.npmjs.com/package/ranui</code></a></li></ul><h2 id="usage" tabindex="-1">Usage <a class="header-anchor" href="#usage" aria-label="Permalink to &quot;Usage&quot;">​</a></h2><p>In most cases, you can use it just like a native <code>div</code> tag.</p><p>Here are some examples</p><ol><li><code>html</code></li><li><code>js</code></li><li><code>jsx</code></li><li><code>vue</code></li><li><code>tsx</code></li></ol><h3 id="_1-html" tabindex="-1">1.<code>html</code> <a class="header-anchor" href="#_1-html" aria-label="Permalink to &quot;1.\`html\`&quot;">​</a></h3><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;./ranui/dist/umd/index.umd.cjs&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as t}from"./chunks/customElements.qitHOM3M.js";import{_ as n,o as l,c as e,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"ranui","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/index.md","filePath":"src/ranui/index.md","lastUpdated":1728129344000}'),h={name:"src/ranui/index.md"};function p(k,a,r,d,E,o){return l(),e("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="ranui" tabindex="-1">ranui <a class="header-anchor" href="#ranui" aria-label="Permalink to &quot;ranui&quot;">​</a></h1><p>Development scheme based on <code>Web Components</code></p><h2 id="feature" tabindex="-1">Feature <a class="header-anchor" href="#feature" aria-label="Permalink to &quot;Feature&quot;">​</a></h2><ol><li><strong>Cross-Framework Compatibility</strong>: Works seamlessly with React, Vue, Preact, SolidJS, Svelte, and more. Integrates with any JavaScript project following W3C standards.</li><li><strong>Pure Native Experience</strong>: No need for npm, React/Vue, or build tools. Easy to start, like using native div tags, simplifying structure and reducing learning costs.</li><li><strong>Modular Design</strong>: Breaks systems into small, reusable components for enhanced maintainability and scalability.</li><li><strong>Open-Source</strong>: Licensed under MIT, providing free access to all source code for personal or commercial use.</li><li><strong>Interactive Documentation</strong>: Offers detailed, interactive documentation with live examples for efficient learning.</li><li><strong>Type-Checking</strong>: Built on TypeScript with full type support, ensuring robust and maintainable code.</li><li><strong>Stability and Durability</strong>: Provides exceptional stability, avoiding disruptive updates and ensuring continuous project operation.</li></ol><h2 id="situation" tabindex="-1">Situation <a class="header-anchor" href="#situation" aria-label="Permalink to &quot;Situation&quot;">​</a></h2><p><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.shields.io/github/actions/workflow/status/chaxus/ran/ci.yml" alt="Build Status"></a><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.shields.io/npm/v/ranui.svg" alt="npm-v"></a><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.shields.io/npm/dt/ranui.svg" alt="npm-d"></a><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.badgesize.io/https:/unpkg.com/ranui/dist/umd/shadowless/shadowless.umd.cjs?label=brotli&amp;compression=brotli" alt="brotli"></a><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.shields.io/badge/module%20formats-umd%2C%20esm-green.svg" alt="module formats: umd, esm"></a></p><ul><li><code>git</code>：<a href="https://github.com/chaxus/ran/tree/main/packages/ranui"><code>https://github.com/chaxus/ran/tree/main/packages/ranui</code></a></li><li><code>npm</code>：<a href="https://www.npmjs.com/package/ranui"><code>https://www.npmjs.com/package/ranui</code></a></li></ul><h2 id="usage" tabindex="-1">Usage <a class="header-anchor" href="#usage" aria-label="Permalink to &quot;Usage&quot;">​</a></h2><p>In most cases, you can use it just like a native <code>div</code> tag.</p><p>Here are some examples</p><ol><li><code>html</code></li><li><code>js</code></li><li><code>jsx</code></li><li><code>vue</code></li><li><code>tsx</code></li></ol><h3 id="_1-html" tabindex="-1">1.<code>html</code> <a class="header-anchor" href="#_1-html" aria-label="Permalink to &quot;1.\`html\`&quot;">​</a></h3><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;./ranui/dist/umd/index.umd.cjs&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">body</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranui_index.md.BQzsJSIN.lean.js b/assets/src_ranui_index.md.CLoF5T0G.lean.js
similarity index 99%
rename from assets/src_ranui_index.md.BQzsJSIN.lean.js
rename to assets/src_ranui_index.md.CLoF5T0G.lean.js
index 0cce7cdf39..606779c9c7 100644
--- a/assets/src_ranui_index.md.BQzsJSIN.lean.js
+++ b/assets/src_ranui_index.md.CLoF5T0G.lean.js
@@ -1,4 +1,4 @@
-import{_ as t}from"./chunks/customElements.qitHOM3M.js";import{_ as n,o as l,c as e,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"ranui","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/index.md","filePath":"src/ranui/index.md","lastUpdated":1728129125000}'),h={name:"src/ranui/index.md"};function p(k,a,r,d,E,o){return l(),e("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="ranui" tabindex="-1">ranui <a class="header-anchor" href="#ranui" aria-label="Permalink to &quot;ranui&quot;">​</a></h1><p>Development scheme based on <code>Web Components</code></p><h2 id="feature" tabindex="-1">Feature <a class="header-anchor" href="#feature" aria-label="Permalink to &quot;Feature&quot;">​</a></h2><ol><li><strong>Cross-Framework Compatibility</strong>: Works seamlessly with React, Vue, Preact, SolidJS, Svelte, and more. Integrates with any JavaScript project following W3C standards.</li><li><strong>Pure Native Experience</strong>: No need for npm, React/Vue, or build tools. Easy to start, like using native div tags, simplifying structure and reducing learning costs.</li><li><strong>Modular Design</strong>: Breaks systems into small, reusable components for enhanced maintainability and scalability.</li><li><strong>Open-Source</strong>: Licensed under MIT, providing free access to all source code for personal or commercial use.</li><li><strong>Interactive Documentation</strong>: Offers detailed, interactive documentation with live examples for efficient learning.</li><li><strong>Type-Checking</strong>: Built on TypeScript with full type support, ensuring robust and maintainable code.</li><li><strong>Stability and Durability</strong>: Provides exceptional stability, avoiding disruptive updates and ensuring continuous project operation.</li></ol><h2 id="situation" tabindex="-1">Situation <a class="header-anchor" href="#situation" aria-label="Permalink to &quot;Situation&quot;">​</a></h2><p><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.shields.io/github/actions/workflow/status/chaxus/ran/ci.yml" alt="Build Status"></a><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.shields.io/npm/v/ranui.svg" alt="npm-v"></a><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.shields.io/npm/dt/ranui.svg" alt="npm-d"></a><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.badgesize.io/https:/unpkg.com/ranui/dist/umd/shadowless/shadowless.umd.cjs?label=brotli&amp;compression=brotli" alt="brotli"></a><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.shields.io/badge/module%20formats-umd%2C%20esm-green.svg" alt="module formats: umd, esm"></a></p><ul><li><code>git</code>：<a href="https://github.com/chaxus/ran/tree/main/packages/ranui"><code>https://github.com/chaxus/ran/tree/main/packages/ranui</code></a></li><li><code>npm</code>：<a href="https://www.npmjs.com/package/ranui"><code>https://www.npmjs.com/package/ranui</code></a></li></ul><h2 id="usage" tabindex="-1">Usage <a class="header-anchor" href="#usage" aria-label="Permalink to &quot;Usage&quot;">​</a></h2><p>In most cases, you can use it just like a native <code>div</code> tag.</p><p>Here are some examples</p><ol><li><code>html</code></li><li><code>js</code></li><li><code>jsx</code></li><li><code>vue</code></li><li><code>tsx</code></li></ol><h3 id="_1-html" tabindex="-1">1.<code>html</code> <a class="header-anchor" href="#_1-html" aria-label="Permalink to &quot;1.\`html\`&quot;">​</a></h3><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;./ranui/dist/umd/index.umd.cjs&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as t}from"./chunks/customElements.qitHOM3M.js";import{_ as n,o as l,c as e,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"ranui","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/index.md","filePath":"src/ranui/index.md","lastUpdated":1728129344000}'),h={name:"src/ranui/index.md"};function p(k,a,r,d,E,o){return l(),e("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="ranui" tabindex="-1">ranui <a class="header-anchor" href="#ranui" aria-label="Permalink to &quot;ranui&quot;">​</a></h1><p>Development scheme based on <code>Web Components</code></p><h2 id="feature" tabindex="-1">Feature <a class="header-anchor" href="#feature" aria-label="Permalink to &quot;Feature&quot;">​</a></h2><ol><li><strong>Cross-Framework Compatibility</strong>: Works seamlessly with React, Vue, Preact, SolidJS, Svelte, and more. Integrates with any JavaScript project following W3C standards.</li><li><strong>Pure Native Experience</strong>: No need for npm, React/Vue, or build tools. Easy to start, like using native div tags, simplifying structure and reducing learning costs.</li><li><strong>Modular Design</strong>: Breaks systems into small, reusable components for enhanced maintainability and scalability.</li><li><strong>Open-Source</strong>: Licensed under MIT, providing free access to all source code for personal or commercial use.</li><li><strong>Interactive Documentation</strong>: Offers detailed, interactive documentation with live examples for efficient learning.</li><li><strong>Type-Checking</strong>: Built on TypeScript with full type support, ensuring robust and maintainable code.</li><li><strong>Stability and Durability</strong>: Provides exceptional stability, avoiding disruptive updates and ensuring continuous project operation.</li></ol><h2 id="situation" tabindex="-1">Situation <a class="header-anchor" href="#situation" aria-label="Permalink to &quot;Situation&quot;">​</a></h2><p><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.shields.io/github/actions/workflow/status/chaxus/ran/ci.yml" alt="Build Status"></a><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.shields.io/npm/v/ranui.svg" alt="npm-v"></a><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.shields.io/npm/dt/ranui.svg" alt="npm-d"></a><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.badgesize.io/https:/unpkg.com/ranui/dist/umd/shadowless/shadowless.umd.cjs?label=brotli&amp;compression=brotli" alt="brotli"></a><a style="display:inline-block;margin-left:4px;" href="https://github.com/chaxus/ran"><img src="https://img.shields.io/badge/module%20formats-umd%2C%20esm-green.svg" alt="module formats: umd, esm"></a></p><ul><li><code>git</code>：<a href="https://github.com/chaxus/ran/tree/main/packages/ranui"><code>https://github.com/chaxus/ran/tree/main/packages/ranui</code></a></li><li><code>npm</code>：<a href="https://www.npmjs.com/package/ranui"><code>https://www.npmjs.com/package/ranui</code></a></li></ul><h2 id="usage" tabindex="-1">Usage <a class="header-anchor" href="#usage" aria-label="Permalink to &quot;Usage&quot;">​</a></h2><p>In most cases, you can use it just like a native <code>div</code> tag.</p><p>Here are some examples</p><ol><li><code>html</code></li><li><code>js</code></li><li><code>jsx</code></li><li><code>vue</code></li><li><code>tsx</code></li></ol><h3 id="_1-html" tabindex="-1">1.<code>html</code> <a class="header-anchor" href="#_1-html" aria-label="Permalink to &quot;1.\`html\`&quot;">​</a></h3><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;./ranui/dist/umd/index.umd.cjs&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">body</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranui_input_index.md.dqo--3Vk.js b/assets/src_ranui_input_index.md.BYzbt7Jg.js
similarity index 99%
rename from assets/src_ranui_input_index.md.dqo--3Vk.js
rename to assets/src_ranui_input_index.md.BYzbt7Jg.js
index 5b004f4a75..116fc5dc22 100644
--- a/assets/src_ranui_input_index.md.dqo--3Vk.js
+++ b/assets/src_ranui_input_index.md.BYzbt7Jg.js
@@ -1,4 +1,4 @@
-import{_ as t}from"./chunks/input-input.MnARRJC6.js";import{_ as n,o as e,c as h,a3 as s,j as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"Input","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/input/index.md","filePath":"src/ranui/input/index.md","lastUpdated":1728129125000}'),l={name:"src/ranui/input/index.md"};function p(k,a,r,d,E,o){return e(),h("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s('<h1 id="input" tabindex="-1">Input <a class="header-anchor" href="#input" aria-label="Permalink to &quot;Input&quot;">​</a></h1><p>Entering content via mouse or keyboard is the most basic form field packaging.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div style="width:300px;"> Input field:<r-input></r-input></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="label" tabindex="-1"><code>label</code> <a class="header-anchor" href="#label" aria-label="Permalink to &quot;`label`&quot;">​</a></h3><p>Provide an input experience similar to Metiral Design.</p><r-input label="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="placeholder" tabindex="-1"><code>placeholder</code> <a class="header-anchor" href="#placeholder" aria-label="Permalink to &quot;`placeholder`&quot;">​</a></h3><p>Consistent with native &#39;placeholder&#39;.</p><r-input placeholder="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> placeholder</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="disabled" tabindex="-1"><code>disabled</code> <a class="header-anchor" href="#disabled" aria-label="Permalink to &quot;`disabled`&quot;">​</a></h3><p>The input box can be disabled by disabled. After disabled, the events on the button become invalid.</p><r-input label="user" disabled></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> disabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="value" tabindex="-1"><code>value</code> <a class="header-anchor" href="#value" aria-label="Permalink to &quot;`value`&quot;">​</a></h3><p>Sets or returns the value of the &#39;value&#39; property of the input box.</p><r-input value="1234"></r-input><h3 id="type" tabindex="-1"><code>type</code> <a class="header-anchor" href="#type" aria-label="Permalink to &quot;`type`&quot;">​</a></h3><p>Currently support &#39;password&#39;, &#39;number&#39; these types, set will appear additional &#39;ui&#39; controls.</p><h4 id="password-entry-field" tabindex="-1">Password entry field <a class="header-anchor" href="#password-entry-field" aria-label="Permalink to &quot;Password entry field&quot;">​</a></h4><p>The password can be switched between plain text and ciphertext.</p><r-input icon="lock" type="password"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;password&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="icon" tabindex="-1"><code>icon</code> <a class="header-anchor" href="#icon" aria-label="Permalink to &quot;`icon`&quot;">​</a></h3><p>You can set an &#39;icon&#39; to represent the tag identifier.</p><r-input icon="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h4 id="digital-input-box" tabindex="-1">Digital input box <a class="header-anchor" href="#digital-input-box" aria-label="Permalink to &quot;Digital input box&quot;">​</a></h4><p>Numeric input box, similar to the native &#39;input[type=number]&#39;, support &#39;min&#39;, &#39;max&#39;, &#39;step&#39; attributes, support keyboard up and down keys to switch numbers.</p><r-input type="number" min="-10" max="10" step="0.5"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;number&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> min</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;-10&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> max</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> step</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0.5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="name" tabindex="-1">name <a class="header-anchor" href="#name" aria-label="Permalink to &quot;name&quot;">​</a></h3><p>Valid when associated with the form component, the field name collected when the form is submitted</p><h3 id="status" tabindex="-1">status <a class="header-anchor" href="#status" aria-label="Permalink to &quot;status&quot;">​</a></h3><ul><li>error</li></ul><p>Default color value: <code>#ff4d4f</code></p>',40),i("div",null,[i("r-input",{status:"error"})],-1),s('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> status</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;error&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><ul><li>warning</li></ul><p>Default color value:<code>#ff7875</code></p>',3),i("div",null,[i("r-input",{status:"warning"})],-1),s('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  status</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;warning&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="event" tabindex="-1"><code>event</code> <a class="header-anchor" href="#event" aria-label="Permalink to &quot;`event`&quot;">​</a></h2><p>Common callback events.</p><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>Triggered when text changes.</p>',5),i("r-input",{onchange:"console.log(this.value)"},null,-1),s(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">func</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">this</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">value</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> input</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">createElement</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;r-input&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
+import{_ as t}from"./chunks/input-input.MnARRJC6.js";import{_ as n,o as e,c as h,a3 as s,j as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"Input","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/input/index.md","filePath":"src/ranui/input/index.md","lastUpdated":1728129344000}'),l={name:"src/ranui/input/index.md"};function p(k,a,r,d,E,o){return e(),h("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s('<h1 id="input" tabindex="-1">Input <a class="header-anchor" href="#input" aria-label="Permalink to &quot;Input&quot;">​</a></h1><p>Entering content via mouse or keyboard is the most basic form field packaging.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div style="width:300px;"> Input field:<r-input></r-input></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="label" tabindex="-1"><code>label</code> <a class="header-anchor" href="#label" aria-label="Permalink to &quot;`label`&quot;">​</a></h3><p>Provide an input experience similar to Metiral Design.</p><r-input label="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="placeholder" tabindex="-1"><code>placeholder</code> <a class="header-anchor" href="#placeholder" aria-label="Permalink to &quot;`placeholder`&quot;">​</a></h3><p>Consistent with native &#39;placeholder&#39;.</p><r-input placeholder="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> placeholder</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="disabled" tabindex="-1"><code>disabled</code> <a class="header-anchor" href="#disabled" aria-label="Permalink to &quot;`disabled`&quot;">​</a></h3><p>The input box can be disabled by disabled. After disabled, the events on the button become invalid.</p><r-input label="user" disabled></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> disabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="value" tabindex="-1"><code>value</code> <a class="header-anchor" href="#value" aria-label="Permalink to &quot;`value`&quot;">​</a></h3><p>Sets or returns the value of the &#39;value&#39; property of the input box.</p><r-input value="1234"></r-input><h3 id="type" tabindex="-1"><code>type</code> <a class="header-anchor" href="#type" aria-label="Permalink to &quot;`type`&quot;">​</a></h3><p>Currently support &#39;password&#39;, &#39;number&#39; these types, set will appear additional &#39;ui&#39; controls.</p><h4 id="password-entry-field" tabindex="-1">Password entry field <a class="header-anchor" href="#password-entry-field" aria-label="Permalink to &quot;Password entry field&quot;">​</a></h4><p>The password can be switched between plain text and ciphertext.</p><r-input icon="lock" type="password"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;password&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="icon" tabindex="-1"><code>icon</code> <a class="header-anchor" href="#icon" aria-label="Permalink to &quot;`icon`&quot;">​</a></h3><p>You can set an &#39;icon&#39; to represent the tag identifier.</p><r-input icon="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h4 id="digital-input-box" tabindex="-1">Digital input box <a class="header-anchor" href="#digital-input-box" aria-label="Permalink to &quot;Digital input box&quot;">​</a></h4><p>Numeric input box, similar to the native &#39;input[type=number]&#39;, support &#39;min&#39;, &#39;max&#39;, &#39;step&#39; attributes, support keyboard up and down keys to switch numbers.</p><r-input type="number" min="-10" max="10" step="0.5"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;number&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> min</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;-10&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> max</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> step</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0.5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="name" tabindex="-1">name <a class="header-anchor" href="#name" aria-label="Permalink to &quot;name&quot;">​</a></h3><p>Valid when associated with the form component, the field name collected when the form is submitted</p><h3 id="status" tabindex="-1">status <a class="header-anchor" href="#status" aria-label="Permalink to &quot;status&quot;">​</a></h3><ul><li>error</li></ul><p>Default color value: <code>#ff4d4f</code></p>',40),i("div",null,[i("r-input",{status:"error"})],-1),s('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> status</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;error&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><ul><li>warning</li></ul><p>Default color value:<code>#ff7875</code></p>',3),i("div",null,[i("r-input",{status:"warning"})],-1),s('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  status</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;warning&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="event" tabindex="-1"><code>event</code> <a class="header-anchor" href="#event" aria-label="Permalink to &quot;`event`&quot;">​</a></h2><p>Common callback events.</p><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>Triggered when text changes.</p>',5),i("r-input",{onchange:"console.log(this.value)"},null,-1),s(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">func</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">this</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">value</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> input</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">createElement</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;r-input&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">input.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">setAttribute</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;label&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;home&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> func</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">e</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(e);</span></span>
diff --git a/assets/src_ranui_input_index.md.dqo--3Vk.lean.js b/assets/src_ranui_input_index.md.BYzbt7Jg.lean.js
similarity index 99%
rename from assets/src_ranui_input_index.md.dqo--3Vk.lean.js
rename to assets/src_ranui_input_index.md.BYzbt7Jg.lean.js
index 5b004f4a75..116fc5dc22 100644
--- a/assets/src_ranui_input_index.md.dqo--3Vk.lean.js
+++ b/assets/src_ranui_input_index.md.BYzbt7Jg.lean.js
@@ -1,4 +1,4 @@
-import{_ as t}from"./chunks/input-input.MnARRJC6.js";import{_ as n,o as e,c as h,a3 as s,j as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"Input","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/input/index.md","filePath":"src/ranui/input/index.md","lastUpdated":1728129125000}'),l={name:"src/ranui/input/index.md"};function p(k,a,r,d,E,o){return e(),h("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s('<h1 id="input" tabindex="-1">Input <a class="header-anchor" href="#input" aria-label="Permalink to &quot;Input&quot;">​</a></h1><p>Entering content via mouse or keyboard is the most basic form field packaging.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div style="width:300px;"> Input field:<r-input></r-input></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="label" tabindex="-1"><code>label</code> <a class="header-anchor" href="#label" aria-label="Permalink to &quot;`label`&quot;">​</a></h3><p>Provide an input experience similar to Metiral Design.</p><r-input label="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="placeholder" tabindex="-1"><code>placeholder</code> <a class="header-anchor" href="#placeholder" aria-label="Permalink to &quot;`placeholder`&quot;">​</a></h3><p>Consistent with native &#39;placeholder&#39;.</p><r-input placeholder="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> placeholder</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="disabled" tabindex="-1"><code>disabled</code> <a class="header-anchor" href="#disabled" aria-label="Permalink to &quot;`disabled`&quot;">​</a></h3><p>The input box can be disabled by disabled. After disabled, the events on the button become invalid.</p><r-input label="user" disabled></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> disabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="value" tabindex="-1"><code>value</code> <a class="header-anchor" href="#value" aria-label="Permalink to &quot;`value`&quot;">​</a></h3><p>Sets or returns the value of the &#39;value&#39; property of the input box.</p><r-input value="1234"></r-input><h3 id="type" tabindex="-1"><code>type</code> <a class="header-anchor" href="#type" aria-label="Permalink to &quot;`type`&quot;">​</a></h3><p>Currently support &#39;password&#39;, &#39;number&#39; these types, set will appear additional &#39;ui&#39; controls.</p><h4 id="password-entry-field" tabindex="-1">Password entry field <a class="header-anchor" href="#password-entry-field" aria-label="Permalink to &quot;Password entry field&quot;">​</a></h4><p>The password can be switched between plain text and ciphertext.</p><r-input icon="lock" type="password"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;password&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="icon" tabindex="-1"><code>icon</code> <a class="header-anchor" href="#icon" aria-label="Permalink to &quot;`icon`&quot;">​</a></h3><p>You can set an &#39;icon&#39; to represent the tag identifier.</p><r-input icon="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h4 id="digital-input-box" tabindex="-1">Digital input box <a class="header-anchor" href="#digital-input-box" aria-label="Permalink to &quot;Digital input box&quot;">​</a></h4><p>Numeric input box, similar to the native &#39;input[type=number]&#39;, support &#39;min&#39;, &#39;max&#39;, &#39;step&#39; attributes, support keyboard up and down keys to switch numbers.</p><r-input type="number" min="-10" max="10" step="0.5"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;number&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> min</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;-10&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> max</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> step</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0.5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="name" tabindex="-1">name <a class="header-anchor" href="#name" aria-label="Permalink to &quot;name&quot;">​</a></h3><p>Valid when associated with the form component, the field name collected when the form is submitted</p><h3 id="status" tabindex="-1">status <a class="header-anchor" href="#status" aria-label="Permalink to &quot;status&quot;">​</a></h3><ul><li>error</li></ul><p>Default color value: <code>#ff4d4f</code></p>',40),i("div",null,[i("r-input",{status:"error"})],-1),s('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> status</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;error&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><ul><li>warning</li></ul><p>Default color value:<code>#ff7875</code></p>',3),i("div",null,[i("r-input",{status:"warning"})],-1),s('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  status</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;warning&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="event" tabindex="-1"><code>event</code> <a class="header-anchor" href="#event" aria-label="Permalink to &quot;`event`&quot;">​</a></h2><p>Common callback events.</p><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>Triggered when text changes.</p>',5),i("r-input",{onchange:"console.log(this.value)"},null,-1),s(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">func</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">this</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">value</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> input</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">createElement</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;r-input&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
+import{_ as t}from"./chunks/input-input.MnARRJC6.js";import{_ as n,o as e,c as h,a3 as s,j as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"Input","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/input/index.md","filePath":"src/ranui/input/index.md","lastUpdated":1728129344000}'),l={name:"src/ranui/input/index.md"};function p(k,a,r,d,E,o){return e(),h("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s('<h1 id="input" tabindex="-1">Input <a class="header-anchor" href="#input" aria-label="Permalink to &quot;Input&quot;">​</a></h1><p>Entering content via mouse or keyboard is the most basic form field packaging.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div style="width:300px;"> Input field:<r-input></r-input></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="label" tabindex="-1"><code>label</code> <a class="header-anchor" href="#label" aria-label="Permalink to &quot;`label`&quot;">​</a></h3><p>Provide an input experience similar to Metiral Design.</p><r-input label="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="placeholder" tabindex="-1"><code>placeholder</code> <a class="header-anchor" href="#placeholder" aria-label="Permalink to &quot;`placeholder`&quot;">​</a></h3><p>Consistent with native &#39;placeholder&#39;.</p><r-input placeholder="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> placeholder</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="disabled" tabindex="-1"><code>disabled</code> <a class="header-anchor" href="#disabled" aria-label="Permalink to &quot;`disabled`&quot;">​</a></h3><p>The input box can be disabled by disabled. After disabled, the events on the button become invalid.</p><r-input label="user" disabled></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> disabled</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="value" tabindex="-1"><code>value</code> <a class="header-anchor" href="#value" aria-label="Permalink to &quot;`value`&quot;">​</a></h3><p>Sets or returns the value of the &#39;value&#39; property of the input box.</p><r-input value="1234"></r-input><h3 id="type" tabindex="-1"><code>type</code> <a class="header-anchor" href="#type" aria-label="Permalink to &quot;`type`&quot;">​</a></h3><p>Currently support &#39;password&#39;, &#39;number&#39; these types, set will appear additional &#39;ui&#39; controls.</p><h4 id="password-entry-field" tabindex="-1">Password entry field <a class="header-anchor" href="#password-entry-field" aria-label="Permalink to &quot;Password entry field&quot;">​</a></h4><p>The password can be switched between plain text and ciphertext.</p><r-input icon="lock" type="password"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;password&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="icon" tabindex="-1"><code>icon</code> <a class="header-anchor" href="#icon" aria-label="Permalink to &quot;`icon`&quot;">​</a></h3><p>You can set an &#39;icon&#39; to represent the tag identifier.</p><r-input icon="user"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h4 id="digital-input-box" tabindex="-1">Digital input box <a class="header-anchor" href="#digital-input-box" aria-label="Permalink to &quot;Digital input box&quot;">​</a></h4><p>Numeric input box, similar to the native &#39;input[type=number]&#39;, support &#39;min&#39;, &#39;max&#39;, &#39;step&#39; attributes, support keyboard up and down keys to switch numbers.</p><r-input type="number" min="-10" max="10" step="0.5"></r-input><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;number&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> min</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;-10&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> max</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> step</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0.5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="name" tabindex="-1">name <a class="header-anchor" href="#name" aria-label="Permalink to &quot;name&quot;">​</a></h3><p>Valid when associated with the form component, the field name collected when the form is submitted</p><h3 id="status" tabindex="-1">status <a class="header-anchor" href="#status" aria-label="Permalink to &quot;status&quot;">​</a></h3><ul><li>error</li></ul><p>Default color value: <code>#ff4d4f</code></p>',40),i("div",null,[i("r-input",{status:"error"})],-1),s('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> status</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;error&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><ul><li>warning</li></ul><p>Default color value:<code>#ff7875</code></p>',3),i("div",null,[i("r-input",{status:"warning"})],-1),s('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  status</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;warning&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="event" tabindex="-1"><code>event</code> <a class="header-anchor" href="#event" aria-label="Permalink to &quot;`event`&quot;">​</a></h2><p>Common callback events.</p><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>Triggered when text changes.</p>',5),i("r-input",{onchange:"console.log(this.value)"},null,-1),s(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">func</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">this</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">value</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-input</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> input</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">createElement</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;r-input&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">input.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">setAttribute</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;label&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;home&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> func</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">e</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(e);</span></span>
diff --git a/assets/src_ranui_loading_index.md.Cr0qirnC.js b/assets/src_ranui_loading_index.md.CPbTFkjm.js
similarity index 98%
rename from assets/src_ranui_loading_index.md.Cr0qirnC.js
rename to assets/src_ranui_loading_index.md.CPbTFkjm.js
index ee4f7281c6..b70241c051 100644
--- a/assets/src_ranui_loading_index.md.Cr0qirnC.js
+++ b/assets/src_ranui_loading_index.md.CPbTFkjm.js
@@ -1,4 +1,4 @@
-import{_ as a}from"./chunks/loading.vue_vue_type_style_index_0_lang.Byf79MII.js";import{o as s,c as t,a3 as n,G as l}from"./chunks/framework.eq-HTtE3.js";import"./chunks/index.CafPLwUV.js";const o=JSON.parse('{"title":"Loading","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/loading/index.md","filePath":"src/ranui/loading/index.md","lastUpdated":1728129125000}'),e={name:"src/ranui/loading/index.md"},g=Object.assign(e,{setup(h){return(d,i)=>(s(),t("div",{"data-pagefind-body":!0},[i[0]||(i[0]=n(`<h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>Some nice looking loading.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-loading name="circle"></r-loading><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;circle&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="name" tabindex="-1"><code>name</code> <a class="header-anchor" href="#name" aria-label="Permalink to &quot;\`name\`&quot;">​</a></h3><p>There&#39;s a lot of different loading here</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="double-bounce"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="rotate"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="stretch"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="cube"></r-loading></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;double-bounce&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as a}from"./chunks/loading.vue_vue_type_style_index_0_lang.Byf79MII.js";import{o as s,c as t,a3 as n,G as l}from"./chunks/framework.eq-HTtE3.js";import"./chunks/index.CafPLwUV.js";const o=JSON.parse('{"title":"Loading","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/loading/index.md","filePath":"src/ranui/loading/index.md","lastUpdated":1728129344000}'),e={name:"src/ranui/loading/index.md"},g=Object.assign(e,{setup(h){return(d,i)=>(s(),t("div",{"data-pagefind-body":!0},[i[0]||(i[0]=n(`<h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>Some nice looking loading.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-loading name="circle"></r-loading><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;circle&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="name" tabindex="-1"><code>name</code> <a class="header-anchor" href="#name" aria-label="Permalink to &quot;\`name\`&quot;">​</a></h3><p>There&#39;s a lot of different loading here</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="double-bounce"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="rotate"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="stretch"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="cube"></r-loading></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;double-bounce&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;rotate&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;stretch&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;cube&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="loading-list" tabindex="-1">Loading list <a class="header-anchor" href="#loading-list" aria-label="Permalink to &quot;Loading list&quot;">​</a></h2>`,14)),l(a)]))}});export{o as __pageData,g as default};
diff --git a/assets/src_ranui_loading_index.md.Cr0qirnC.lean.js b/assets/src_ranui_loading_index.md.CPbTFkjm.lean.js
similarity index 98%
rename from assets/src_ranui_loading_index.md.Cr0qirnC.lean.js
rename to assets/src_ranui_loading_index.md.CPbTFkjm.lean.js
index ee4f7281c6..b70241c051 100644
--- a/assets/src_ranui_loading_index.md.Cr0qirnC.lean.js
+++ b/assets/src_ranui_loading_index.md.CPbTFkjm.lean.js
@@ -1,4 +1,4 @@
-import{_ as a}from"./chunks/loading.vue_vue_type_style_index_0_lang.Byf79MII.js";import{o as s,c as t,a3 as n,G as l}from"./chunks/framework.eq-HTtE3.js";import"./chunks/index.CafPLwUV.js";const o=JSON.parse('{"title":"Loading","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/loading/index.md","filePath":"src/ranui/loading/index.md","lastUpdated":1728129125000}'),e={name:"src/ranui/loading/index.md"},g=Object.assign(e,{setup(h){return(d,i)=>(s(),t("div",{"data-pagefind-body":!0},[i[0]||(i[0]=n(`<h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>Some nice looking loading.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-loading name="circle"></r-loading><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;circle&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="name" tabindex="-1"><code>name</code> <a class="header-anchor" href="#name" aria-label="Permalink to &quot;\`name\`&quot;">​</a></h3><p>There&#39;s a lot of different loading here</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="double-bounce"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="rotate"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="stretch"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="cube"></r-loading></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;double-bounce&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as a}from"./chunks/loading.vue_vue_type_style_index_0_lang.Byf79MII.js";import{o as s,c as t,a3 as n,G as l}from"./chunks/framework.eq-HTtE3.js";import"./chunks/index.CafPLwUV.js";const o=JSON.parse('{"title":"Loading","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/loading/index.md","filePath":"src/ranui/loading/index.md","lastUpdated":1728129344000}'),e={name:"src/ranui/loading/index.md"},g=Object.assign(e,{setup(h){return(d,i)=>(s(),t("div",{"data-pagefind-body":!0},[i[0]||(i[0]=n(`<h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>Some nice looking loading.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-loading name="circle"></r-loading><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;circle&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="name" tabindex="-1"><code>name</code> <a class="header-anchor" href="#name" aria-label="Permalink to &quot;\`name\`&quot;">​</a></h3><p>There&#39;s a lot of different loading here</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="double-bounce"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="rotate"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="stretch"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="cube"></r-loading></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;double-bounce&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;rotate&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;stretch&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;cube&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="loading-list" tabindex="-1">Loading list <a class="header-anchor" href="#loading-list" aria-label="Permalink to &quot;Loading list&quot;">​</a></h2>`,14)),l(a)]))}});export{o as __pageData,g as default};
diff --git a/assets/src_ranui_math_index.md.CAvnqA_Q.js b/assets/src_ranui_math_index.md.BEaDYiBh.js
similarity index 97%
rename from assets/src_ranui_math_index.md.CAvnqA_Q.js
rename to assets/src_ranui_math_index.md.BEaDYiBh.js
index db4c59c533..c636da726f 100644
--- a/assets/src_ranui_math_index.md.CAvnqA_Q.js
+++ b/assets/src_ranui_math_index.md.BEaDYiBh.js
@@ -1 +1 @@
-import{_ as e,o as l,c as h,j as a,a as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"math","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/math/index.md","filePath":"src/ranui/math/index.md","lastUpdated":1728129125000}'),n={name:"src/ranui/math/index.md"};function r(d,t,p,o,k,c){return l(),h("div",{"data-pagefind-body":!0},t[0]||(t[0]=[a("h1",{id:"math",tabindex:"-1"},[s("math "),a("a",{class:"header-anchor",href:"#math","aria-label":'Permalink to "math"'},"​")],-1),a("p",null,"High-quality display of LaTeX in HTML pages",-1),a("h2",{id:"code-demo",tabindex:"-1"},[s("Code demo "),a("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),a("r-math",{latex:"\\frac{x^2}{a^2} + \\frac{y^2}{b^2} = 1 \\quad (a > b > 0)"},null,-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;\\frac{x^2}{a^2} + \\frac{y^2}{b^2} = 1 \\quad (a &gt; b &gt; 0)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="latex-string" tabindex="-1">latex <code>string</code> <a class="header-anchor" href="#latex-string" aria-label="Permalink to &quot;latex `string`&quot;">​</a></h3>',3),a("r-math",{latex:"x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}"},null,-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>',1)]))}const E=e(n,[["render",r]]);export{m as __pageData,E as default};
+import{_ as e,o as l,c as h,j as a,a as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"math","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/math/index.md","filePath":"src/ranui/math/index.md","lastUpdated":1728129344000}'),n={name:"src/ranui/math/index.md"};function r(d,t,p,o,k,c){return l(),h("div",{"data-pagefind-body":!0},t[0]||(t[0]=[a("h1",{id:"math",tabindex:"-1"},[s("math "),a("a",{class:"header-anchor",href:"#math","aria-label":'Permalink to "math"'},"​")],-1),a("p",null,"High-quality display of LaTeX in HTML pages",-1),a("h2",{id:"code-demo",tabindex:"-1"},[s("Code demo "),a("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),a("r-math",{latex:"\\frac{x^2}{a^2} + \\frac{y^2}{b^2} = 1 \\quad (a > b > 0)"},null,-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;\\frac{x^2}{a^2} + \\frac{y^2}{b^2} = 1 \\quad (a &gt; b &gt; 0)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="latex-string" tabindex="-1">latex <code>string</code> <a class="header-anchor" href="#latex-string" aria-label="Permalink to &quot;latex `string`&quot;">​</a></h3>',3),a("r-math",{latex:"x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}"},null,-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>',1)]))}const E=e(n,[["render",r]]);export{m as __pageData,E as default};
diff --git a/assets/src_ranui_math_index.md.CAvnqA_Q.lean.js b/assets/src_ranui_math_index.md.BEaDYiBh.lean.js
similarity index 97%
rename from assets/src_ranui_math_index.md.CAvnqA_Q.lean.js
rename to assets/src_ranui_math_index.md.BEaDYiBh.lean.js
index db4c59c533..c636da726f 100644
--- a/assets/src_ranui_math_index.md.CAvnqA_Q.lean.js
+++ b/assets/src_ranui_math_index.md.BEaDYiBh.lean.js
@@ -1 +1 @@
-import{_ as e,o as l,c as h,j as a,a as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"math","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/math/index.md","filePath":"src/ranui/math/index.md","lastUpdated":1728129125000}'),n={name:"src/ranui/math/index.md"};function r(d,t,p,o,k,c){return l(),h("div",{"data-pagefind-body":!0},t[0]||(t[0]=[a("h1",{id:"math",tabindex:"-1"},[s("math "),a("a",{class:"header-anchor",href:"#math","aria-label":'Permalink to "math"'},"​")],-1),a("p",null,"High-quality display of LaTeX in HTML pages",-1),a("h2",{id:"code-demo",tabindex:"-1"},[s("Code demo "),a("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),a("r-math",{latex:"\\frac{x^2}{a^2} + \\frac{y^2}{b^2} = 1 \\quad (a > b > 0)"},null,-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;\\frac{x^2}{a^2} + \\frac{y^2}{b^2} = 1 \\quad (a &gt; b &gt; 0)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="latex-string" tabindex="-1">latex <code>string</code> <a class="header-anchor" href="#latex-string" aria-label="Permalink to &quot;latex `string`&quot;">​</a></h3>',3),a("r-math",{latex:"x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}"},null,-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>',1)]))}const E=e(n,[["render",r]]);export{m as __pageData,E as default};
+import{_ as e,o as l,c as h,j as a,a as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"math","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/math/index.md","filePath":"src/ranui/math/index.md","lastUpdated":1728129344000}'),n={name:"src/ranui/math/index.md"};function r(d,t,p,o,k,c){return l(),h("div",{"data-pagefind-body":!0},t[0]||(t[0]=[a("h1",{id:"math",tabindex:"-1"},[s("math "),a("a",{class:"header-anchor",href:"#math","aria-label":'Permalink to "math"'},"​")],-1),a("p",null,"High-quality display of LaTeX in HTML pages",-1),a("h2",{id:"code-demo",tabindex:"-1"},[s("Code demo "),a("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),a("r-math",{latex:"\\frac{x^2}{a^2} + \\frac{y^2}{b^2} = 1 \\quad (a > b > 0)"},null,-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;\\frac{x^2}{a^2} + \\frac{y^2}{b^2} = 1 \\quad (a &gt; b &gt; 0)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="latex-string" tabindex="-1">latex <code>string</code> <a class="header-anchor" href="#latex-string" aria-label="Permalink to &quot;latex `string`&quot;">​</a></h3>',3),a("r-math",{latex:"x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}"},null,-1),i('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;x = {-b \\pm \\sqrt{b^2-4ac} \\over 2a}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>',1)]))}const E=e(n,[["render",r]]);export{m as __pageData,E as default};
diff --git a/assets/src_ranui_message_index.md.Dr_PZANG.js b/assets/src_ranui_message_index.md.C9TUA1qN.js
similarity index 99%
rename from assets/src_ranui_message_index.md.Dr_PZANG.js
rename to assets/src_ranui_message_index.md.C9TUA1qN.js
index b0034649c2..edc3a8f55d 100644
--- a/assets/src_ranui_message_index.md.Dr_PZANG.js
+++ b/assets/src_ranui_message_index.md.C9TUA1qN.js
@@ -1,4 +1,4 @@
-import{_ as e,o as n,c as h,j as s,a as t,a3 as a}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"message","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/message/index.md","filePath":"src/ranui/message/index.md","lastUpdated":1728129125000}'),l={name:"src/ranui/message/index.md"};function p(o,i,k,r,d,g){return n(),h("div",{"data-pagefind-body":!0},i[0]||(i[0]=[s("h1",{id:"message",tabindex:"-1"},[t("message "),s("a",{class:"header-anchor",href:"#message","aria-label":'Permalink to "message"'},"​")],-1),s("p",null,"Global display of operation feedback.",-1),s("h2",{id:"code-demo",tabindex:"-1"},[t("Code demo "),s("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{type:"primary",onclick:"message.info('This is a hint')"},"Click to trigger the global prompt")],-1),a('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;message.info(&#39;This is a hint&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Click to trigger the global prompt&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="type" tabindex="-1"><code>type</code> <a class="header-anchor" href="#type" aria-label="Permalink to &quot;`type`&quot;">​</a></h3><p>Different prompt types</p>',4),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.info('This is a hint')"},"Information prompt")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.warning('This is a hint')"},"Warning prompt")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.error('This is a hint')"},"Error prompt")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.success('This is a hint')"},"Success tip")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.toast('This is a hint')"},"toast tip")],-1),a(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">info</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;This is a hint&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Information prompt&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as e,o as n,c as h,j as s,a as t,a3 as a}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"message","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/message/index.md","filePath":"src/ranui/message/index.md","lastUpdated":1728129344000}'),l={name:"src/ranui/message/index.md"};function p(o,i,k,r,d,g){return n(),h("div",{"data-pagefind-body":!0},i[0]||(i[0]=[s("h1",{id:"message",tabindex:"-1"},[t("message "),s("a",{class:"header-anchor",href:"#message","aria-label":'Permalink to "message"'},"​")],-1),s("p",null,"Global display of operation feedback.",-1),s("h2",{id:"code-demo",tabindex:"-1"},[t("Code demo "),s("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{type:"primary",onclick:"message.info('This is a hint')"},"Click to trigger the global prompt")],-1),a('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;message.info(&#39;This is a hint&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Click to trigger the global prompt&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="type" tabindex="-1"><code>type</code> <a class="header-anchor" href="#type" aria-label="Permalink to &quot;`type`&quot;">​</a></h3><p>Different prompt types</p>',4),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.info('This is a hint')"},"Information prompt")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.warning('This is a hint')"},"Warning prompt")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.error('This is a hint')"},"Error prompt")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.success('This is a hint')"},"Success tip")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.toast('This is a hint')"},"toast tip")],-1),a(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">info</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;This is a hint&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Information prompt&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">warning</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;This is a hint&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Warning prompt&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">error</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;This is a hint&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Error prompt&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">success</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;This is a hint&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Success tip&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranui_message_index.md.Dr_PZANG.lean.js b/assets/src_ranui_message_index.md.C9TUA1qN.lean.js
similarity index 99%
rename from assets/src_ranui_message_index.md.Dr_PZANG.lean.js
rename to assets/src_ranui_message_index.md.C9TUA1qN.lean.js
index b0034649c2..edc3a8f55d 100644
--- a/assets/src_ranui_message_index.md.Dr_PZANG.lean.js
+++ b/assets/src_ranui_message_index.md.C9TUA1qN.lean.js
@@ -1,4 +1,4 @@
-import{_ as e,o as n,c as h,j as s,a as t,a3 as a}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"message","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/message/index.md","filePath":"src/ranui/message/index.md","lastUpdated":1728129125000}'),l={name:"src/ranui/message/index.md"};function p(o,i,k,r,d,g){return n(),h("div",{"data-pagefind-body":!0},i[0]||(i[0]=[s("h1",{id:"message",tabindex:"-1"},[t("message "),s("a",{class:"header-anchor",href:"#message","aria-label":'Permalink to "message"'},"​")],-1),s("p",null,"Global display of operation feedback.",-1),s("h2",{id:"code-demo",tabindex:"-1"},[t("Code demo "),s("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{type:"primary",onclick:"message.info('This is a hint')"},"Click to trigger the global prompt")],-1),a('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;message.info(&#39;This is a hint&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Click to trigger the global prompt&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="type" tabindex="-1"><code>type</code> <a class="header-anchor" href="#type" aria-label="Permalink to &quot;`type`&quot;">​</a></h3><p>Different prompt types</p>',4),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.info('This is a hint')"},"Information prompt")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.warning('This is a hint')"},"Warning prompt")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.error('This is a hint')"},"Error prompt")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.success('This is a hint')"},"Success tip")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.toast('This is a hint')"},"toast tip")],-1),a(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">info</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;This is a hint&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Information prompt&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as e,o as n,c as h,j as s,a as t,a3 as a}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"message","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/message/index.md","filePath":"src/ranui/message/index.md","lastUpdated":1728129344000}'),l={name:"src/ranui/message/index.md"};function p(o,i,k,r,d,g){return n(),h("div",{"data-pagefind-body":!0},i[0]||(i[0]=[s("h1",{id:"message",tabindex:"-1"},[t("message "),s("a",{class:"header-anchor",href:"#message","aria-label":'Permalink to "message"'},"​")],-1),s("p",null,"Global display of operation feedback.",-1),s("h2",{id:"code-demo",tabindex:"-1"},[t("Code demo "),s("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{type:"primary",onclick:"message.info('This is a hint')"},"Click to trigger the global prompt")],-1),a('<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;message.info(&#39;This is a hint&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Click to trigger the global prompt&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="type" tabindex="-1"><code>type</code> <a class="header-anchor" href="#type" aria-label="Permalink to &quot;`type`&quot;">​</a></h3><p>Different prompt types</p>',4),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.info('This is a hint')"},"Information prompt")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.warning('This is a hint')"},"Warning prompt")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.error('This is a hint')"},"Error prompt")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.success('This is a hint')"},"Success tip")],-1),s("div",{style:{display:"inline-block","margin-right":"8px","margin-bottom":"12px"}},[s("r-button",{onclick:"message.toast('This is a hint')"},"toast tip")],-1),a(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">info</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;This is a hint&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Information prompt&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">warning</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;This is a hint&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Warning prompt&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">error</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;This is a hint&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Error prompt&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">success</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;This is a hint&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Success tip&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranui_modal_index.md.BChGxskG.js b/assets/src_ranui_modal_index.md.CeMIN_J0.js
similarity index 84%
rename from assets/src_ranui_modal_index.md.BChGxskG.js
rename to assets/src_ranui_modal_index.md.CeMIN_J0.js
index a95d6b7e96..383117ee43 100644
--- a/assets/src_ranui_modal_index.md.BChGxskG.js
+++ b/assets/src_ranui_modal_index.md.CeMIN_J0.js
@@ -1 +1 @@
-import{_ as e,o as a,c as t}from"./chunks/framework.eq-HTtE3.js";const l=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/modal/index.md","filePath":"src/ranui/modal/index.md","lastUpdated":1728129125000}'),r={name:"src/ranui/modal/index.md"};function n(o,s,d,c,i,m){return a(),t("div")}const _=e(r,[["render",n]]);export{l as __pageData,_ as default};
+import{_ as e,o as a,c as t}from"./chunks/framework.eq-HTtE3.js";const l=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/modal/index.md","filePath":"src/ranui/modal/index.md","lastUpdated":1728129344000}'),r={name:"src/ranui/modal/index.md"};function n(o,s,d,c,i,m){return a(),t("div")}const _=e(r,[["render",n]]);export{l as __pageData,_ as default};
diff --git a/assets/src_ranui_modal_index.md.BChGxskG.lean.js b/assets/src_ranui_modal_index.md.CeMIN_J0.lean.js
similarity index 84%
rename from assets/src_ranui_modal_index.md.BChGxskG.lean.js
rename to assets/src_ranui_modal_index.md.CeMIN_J0.lean.js
index a95d6b7e96..383117ee43 100644
--- a/assets/src_ranui_modal_index.md.BChGxskG.lean.js
+++ b/assets/src_ranui_modal_index.md.CeMIN_J0.lean.js
@@ -1 +1 @@
-import{_ as e,o as a,c as t}from"./chunks/framework.eq-HTtE3.js";const l=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/modal/index.md","filePath":"src/ranui/modal/index.md","lastUpdated":1728129125000}'),r={name:"src/ranui/modal/index.md"};function n(o,s,d,c,i,m){return a(),t("div")}const _=e(r,[["render",n]]);export{l as __pageData,_ as default};
+import{_ as e,o as a,c as t}from"./chunks/framework.eq-HTtE3.js";const l=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/modal/index.md","filePath":"src/ranui/modal/index.md","lastUpdated":1728129344000}'),r={name:"src/ranui/modal/index.md"};function n(o,s,d,c,i,m){return a(),t("div")}const _=e(r,[["render",n]]);export{l as __pageData,_ as default};
diff --git a/assets/src_ranui_player_index.md.DSXQVeNM.js b/assets/src_ranui_player_index.md.DwTQwuCV.js
similarity index 99%
rename from assets/src_ranui_player_index.md.DSXQVeNM.js
rename to assets/src_ranui_player_index.md.DwTQwuCV.js
index 6c3ce96a90..f07cfe63ee 100644
--- a/assets/src_ranui_player_index.md.DSXQVeNM.js
+++ b/assets/src_ranui_player_index.md.DwTQwuCV.js
@@ -1 +1 @@
-import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"r-player","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/player/index.md","filePath":"src/ranui/player/index.md","lastUpdated":1728129125000}'),i={name:"src/ranui/player/index.md"};function n(o,t,l,s,h,p){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="r-player" tabindex="-1">r-player <a class="header-anchor" href="#r-player" aria-label="Permalink to &quot;r-player&quot;">​</a></h1><p>Video player</p><p>Based on &#39;hlsjs&#39; and&#39; web components&#39;, let the native tag &#39;r-player&#39; have a unified video control. Do not use the &#39;new Player(options)&#39; way to mount to the specified &#39;dom&#39;, view return view, logic return logic, see and get, more intuitive.</p><ol><li>Drag and drop the progress bar</li><li>Volume control</li><li>The bitrate is automatically switched based on the current bandwidth</li><li>Manual definition switch</li><li>Play at double speed</li><li>Style custom overlay</li><li>&#39;hls&#39; protocol standard encryption video playback</li><li>Based on native development, it can run in all frameworks and unify the cross-framework situation</li><li>Unified browser controls</li></ol><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-player style="display:block;width:100%;max-width:600px;height:300px;" src="/ran/hls/example.m3u8"></r-player><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;/ran/hls/example.m3u8&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="src" tabindex="-1">src <a class="header-anchor" href="#src" aria-label="Permalink to &quot;src&quot;">​</a></h3><p>Resource address of the video</p><h3 id="volume" tabindex="-1">volume <a class="header-anchor" href="#volume" aria-label="Permalink to &quot;volume&quot;">​</a></h3><p>Set the initial volume. The default is 0.5</p><h3 id="currenttime" tabindex="-1">currentTime <a class="header-anchor" href="#currenttime" aria-label="Permalink to &quot;currentTime&quot;">​</a></h3><p>Set the initial playback time. By default, the playback starts from the beginning</p><h3 id="playbackrate" tabindex="-1">playbackRate <a class="header-anchor" href="#playbackrate" aria-label="Permalink to &quot;playbackRate&quot;">​</a></h3><p>Set the double speed. The default is 1.0</p><h3 id="debug" tabindex="-1">debug <a class="header-anchor" href="#debug" aria-label="Permalink to &quot;debug&quot;">​</a></h3><p>console.log some info</p><h2 id="event" tabindex="-1"><code>event</code> <a class="header-anchor" href="#event" aria-label="Permalink to &quot;`event`&quot;">​</a></h2><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>Listen for any player changes, and the value returned is as follows.</p><p>An &#39;instance of the player&#39; can be obtained through this method.</p><p>Live by &#39;type&#39; to judge different event types, perform different operations</p><table tabindex="0"><thead><tr><th>property</th><th>explains that</th><th>is of type</th></tr></thead><tbody><tr><td>type</td><td>Indicates the type of the changed event</td><td>&#39;string&#39;</td></tr><tr><td>data</td><td>The value of the</td><td>&#39;Object&#39;</td></tr><tr><td>currentTime</td><td>The current playback time</td><td>&#39;number&#39;</td></tr><tr><td>duration</td><td>Total duration of videos</td><td>&#39;number&#39;</td></tr><tr><td>tag</td><td>An example of the player</td><td>&#39;Element&#39;</td></tr></tbody></table><p>Where &#39;type&#39; type has</p><table tabindex="0"><thead><tr><th>Name</th><th>Description</th></tr></thead><tbody><tr><td>canplay</td><td>Your browser is ready to play the media file, but it probably doesn&#39;t have enough data to play it to the end without pausing to buffer the content further.</td></tr><tr><td>canplaythrough</td><td>The browser estimates that it canplay media until the end without stopping content buffering.</td></tr><tr><td>complete</td><td>OfflineAudioContext The rendering is complete.</td></tr><tr><td>durationchange</td><td>duration is triggered when the value of the duration property changes.</td></tr><tr><td>emptied</td><td>Media content emptied; For example, when the media is already loaded (or partially loaded), this event is sent and the load() method is called to reload it.</td></tr><tr><td>ended</td><td>The video stops playing because the media has reached the end point.</td></tr><tr><td>loadedmetadata</td><td>The metadata is loaded.</td></tr><tr><td>progress</td><td>is triggered periodically when the browser loads the resource.</td></tr><tr><td>ratechange</td><td>The play rate changes.</td></tr><tr><td>seeked</td><td>The seek operation is complete.</td></tr><tr><td>seeking</td><td>seek begins.</td></tr><tr><td>stalled</td><td>The user agent is trying to obtain media data but it has not appeared unexpectedly.</td></tr><tr><td>suspend</td><td>Media data loading has been suspended.</td></tr><tr><td>loadeddata</td><td>The first frame in media has been added. media has loaded.</td></tr><tr><td>timeupdate</td><td>The time specified by the currentTime property changes. currentTime attribute has changed.</td></tr><tr><td>volumechange</td><td>The volume changes.</td></tr><tr><td>waiting</td><td>Playing has stopped due to lack of data.</td></tr><tr><td>play</td><td>Playback has started.</td></tr><tr><td>playing</td><td>After a pause or delay due to lack of data, playback is ready to begin.</td></tr><tr><td>pause</td><td>Play is paused.</td></tr><tr><td>volume</td><td>The volume changes.</td></tr><tr><td>fullscreen</td><td>Triggers a full-screen event</td></tr></tbody></table>',26)]))}const m=e(i,[["render",n]]);export{u as __pageData,m as default};
+import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"r-player","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/player/index.md","filePath":"src/ranui/player/index.md","lastUpdated":1728129344000}'),i={name:"src/ranui/player/index.md"};function n(o,t,l,s,h,p){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="r-player" tabindex="-1">r-player <a class="header-anchor" href="#r-player" aria-label="Permalink to &quot;r-player&quot;">​</a></h1><p>Video player</p><p>Based on &#39;hlsjs&#39; and&#39; web components&#39;, let the native tag &#39;r-player&#39; have a unified video control. Do not use the &#39;new Player(options)&#39; way to mount to the specified &#39;dom&#39;, view return view, logic return logic, see and get, more intuitive.</p><ol><li>Drag and drop the progress bar</li><li>Volume control</li><li>The bitrate is automatically switched based on the current bandwidth</li><li>Manual definition switch</li><li>Play at double speed</li><li>Style custom overlay</li><li>&#39;hls&#39; protocol standard encryption video playback</li><li>Based on native development, it can run in all frameworks and unify the cross-framework situation</li><li>Unified browser controls</li></ol><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-player style="display:block;width:100%;max-width:600px;height:300px;" src="/ran/hls/example.m3u8"></r-player><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;/ran/hls/example.m3u8&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="src" tabindex="-1">src <a class="header-anchor" href="#src" aria-label="Permalink to &quot;src&quot;">​</a></h3><p>Resource address of the video</p><h3 id="volume" tabindex="-1">volume <a class="header-anchor" href="#volume" aria-label="Permalink to &quot;volume&quot;">​</a></h3><p>Set the initial volume. The default is 0.5</p><h3 id="currenttime" tabindex="-1">currentTime <a class="header-anchor" href="#currenttime" aria-label="Permalink to &quot;currentTime&quot;">​</a></h3><p>Set the initial playback time. By default, the playback starts from the beginning</p><h3 id="playbackrate" tabindex="-1">playbackRate <a class="header-anchor" href="#playbackrate" aria-label="Permalink to &quot;playbackRate&quot;">​</a></h3><p>Set the double speed. The default is 1.0</p><h3 id="debug" tabindex="-1">debug <a class="header-anchor" href="#debug" aria-label="Permalink to &quot;debug&quot;">​</a></h3><p>console.log some info</p><h2 id="event" tabindex="-1"><code>event</code> <a class="header-anchor" href="#event" aria-label="Permalink to &quot;`event`&quot;">​</a></h2><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>Listen for any player changes, and the value returned is as follows.</p><p>An &#39;instance of the player&#39; can be obtained through this method.</p><p>Live by &#39;type&#39; to judge different event types, perform different operations</p><table tabindex="0"><thead><tr><th>property</th><th>explains that</th><th>is of type</th></tr></thead><tbody><tr><td>type</td><td>Indicates the type of the changed event</td><td>&#39;string&#39;</td></tr><tr><td>data</td><td>The value of the</td><td>&#39;Object&#39;</td></tr><tr><td>currentTime</td><td>The current playback time</td><td>&#39;number&#39;</td></tr><tr><td>duration</td><td>Total duration of videos</td><td>&#39;number&#39;</td></tr><tr><td>tag</td><td>An example of the player</td><td>&#39;Element&#39;</td></tr></tbody></table><p>Where &#39;type&#39; type has</p><table tabindex="0"><thead><tr><th>Name</th><th>Description</th></tr></thead><tbody><tr><td>canplay</td><td>Your browser is ready to play the media file, but it probably doesn&#39;t have enough data to play it to the end without pausing to buffer the content further.</td></tr><tr><td>canplaythrough</td><td>The browser estimates that it canplay media until the end without stopping content buffering.</td></tr><tr><td>complete</td><td>OfflineAudioContext The rendering is complete.</td></tr><tr><td>durationchange</td><td>duration is triggered when the value of the duration property changes.</td></tr><tr><td>emptied</td><td>Media content emptied; For example, when the media is already loaded (or partially loaded), this event is sent and the load() method is called to reload it.</td></tr><tr><td>ended</td><td>The video stops playing because the media has reached the end point.</td></tr><tr><td>loadedmetadata</td><td>The metadata is loaded.</td></tr><tr><td>progress</td><td>is triggered periodically when the browser loads the resource.</td></tr><tr><td>ratechange</td><td>The play rate changes.</td></tr><tr><td>seeked</td><td>The seek operation is complete.</td></tr><tr><td>seeking</td><td>seek begins.</td></tr><tr><td>stalled</td><td>The user agent is trying to obtain media data but it has not appeared unexpectedly.</td></tr><tr><td>suspend</td><td>Media data loading has been suspended.</td></tr><tr><td>loadeddata</td><td>The first frame in media has been added. media has loaded.</td></tr><tr><td>timeupdate</td><td>The time specified by the currentTime property changes. currentTime attribute has changed.</td></tr><tr><td>volumechange</td><td>The volume changes.</td></tr><tr><td>waiting</td><td>Playing has stopped due to lack of data.</td></tr><tr><td>play</td><td>Playback has started.</td></tr><tr><td>playing</td><td>After a pause or delay due to lack of data, playback is ready to begin.</td></tr><tr><td>pause</td><td>Play is paused.</td></tr><tr><td>volume</td><td>The volume changes.</td></tr><tr><td>fullscreen</td><td>Triggers a full-screen event</td></tr></tbody></table>',26)]))}const m=e(i,[["render",n]]);export{u as __pageData,m as default};
diff --git a/assets/src_ranui_player_index.md.DSXQVeNM.lean.js b/assets/src_ranui_player_index.md.DwTQwuCV.lean.js
similarity index 99%
rename from assets/src_ranui_player_index.md.DSXQVeNM.lean.js
rename to assets/src_ranui_player_index.md.DwTQwuCV.lean.js
index 6c3ce96a90..f07cfe63ee 100644
--- a/assets/src_ranui_player_index.md.DSXQVeNM.lean.js
+++ b/assets/src_ranui_player_index.md.DwTQwuCV.lean.js
@@ -1 +1 @@
-import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"r-player","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/player/index.md","filePath":"src/ranui/player/index.md","lastUpdated":1728129125000}'),i={name:"src/ranui/player/index.md"};function n(o,t,l,s,h,p){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="r-player" tabindex="-1">r-player <a class="header-anchor" href="#r-player" aria-label="Permalink to &quot;r-player&quot;">​</a></h1><p>Video player</p><p>Based on &#39;hlsjs&#39; and&#39; web components&#39;, let the native tag &#39;r-player&#39; have a unified video control. Do not use the &#39;new Player(options)&#39; way to mount to the specified &#39;dom&#39;, view return view, logic return logic, see and get, more intuitive.</p><ol><li>Drag and drop the progress bar</li><li>Volume control</li><li>The bitrate is automatically switched based on the current bandwidth</li><li>Manual definition switch</li><li>Play at double speed</li><li>Style custom overlay</li><li>&#39;hls&#39; protocol standard encryption video playback</li><li>Based on native development, it can run in all frameworks and unify the cross-framework situation</li><li>Unified browser controls</li></ol><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-player style="display:block;width:100%;max-width:600px;height:300px;" src="/ran/hls/example.m3u8"></r-player><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;/ran/hls/example.m3u8&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="src" tabindex="-1">src <a class="header-anchor" href="#src" aria-label="Permalink to &quot;src&quot;">​</a></h3><p>Resource address of the video</p><h3 id="volume" tabindex="-1">volume <a class="header-anchor" href="#volume" aria-label="Permalink to &quot;volume&quot;">​</a></h3><p>Set the initial volume. The default is 0.5</p><h3 id="currenttime" tabindex="-1">currentTime <a class="header-anchor" href="#currenttime" aria-label="Permalink to &quot;currentTime&quot;">​</a></h3><p>Set the initial playback time. By default, the playback starts from the beginning</p><h3 id="playbackrate" tabindex="-1">playbackRate <a class="header-anchor" href="#playbackrate" aria-label="Permalink to &quot;playbackRate&quot;">​</a></h3><p>Set the double speed. The default is 1.0</p><h3 id="debug" tabindex="-1">debug <a class="header-anchor" href="#debug" aria-label="Permalink to &quot;debug&quot;">​</a></h3><p>console.log some info</p><h2 id="event" tabindex="-1"><code>event</code> <a class="header-anchor" href="#event" aria-label="Permalink to &quot;`event`&quot;">​</a></h2><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>Listen for any player changes, and the value returned is as follows.</p><p>An &#39;instance of the player&#39; can be obtained through this method.</p><p>Live by &#39;type&#39; to judge different event types, perform different operations</p><table tabindex="0"><thead><tr><th>property</th><th>explains that</th><th>is of type</th></tr></thead><tbody><tr><td>type</td><td>Indicates the type of the changed event</td><td>&#39;string&#39;</td></tr><tr><td>data</td><td>The value of the</td><td>&#39;Object&#39;</td></tr><tr><td>currentTime</td><td>The current playback time</td><td>&#39;number&#39;</td></tr><tr><td>duration</td><td>Total duration of videos</td><td>&#39;number&#39;</td></tr><tr><td>tag</td><td>An example of the player</td><td>&#39;Element&#39;</td></tr></tbody></table><p>Where &#39;type&#39; type has</p><table tabindex="0"><thead><tr><th>Name</th><th>Description</th></tr></thead><tbody><tr><td>canplay</td><td>Your browser is ready to play the media file, but it probably doesn&#39;t have enough data to play it to the end without pausing to buffer the content further.</td></tr><tr><td>canplaythrough</td><td>The browser estimates that it canplay media until the end without stopping content buffering.</td></tr><tr><td>complete</td><td>OfflineAudioContext The rendering is complete.</td></tr><tr><td>durationchange</td><td>duration is triggered when the value of the duration property changes.</td></tr><tr><td>emptied</td><td>Media content emptied; For example, when the media is already loaded (or partially loaded), this event is sent and the load() method is called to reload it.</td></tr><tr><td>ended</td><td>The video stops playing because the media has reached the end point.</td></tr><tr><td>loadedmetadata</td><td>The metadata is loaded.</td></tr><tr><td>progress</td><td>is triggered periodically when the browser loads the resource.</td></tr><tr><td>ratechange</td><td>The play rate changes.</td></tr><tr><td>seeked</td><td>The seek operation is complete.</td></tr><tr><td>seeking</td><td>seek begins.</td></tr><tr><td>stalled</td><td>The user agent is trying to obtain media data but it has not appeared unexpectedly.</td></tr><tr><td>suspend</td><td>Media data loading has been suspended.</td></tr><tr><td>loadeddata</td><td>The first frame in media has been added. media has loaded.</td></tr><tr><td>timeupdate</td><td>The time specified by the currentTime property changes. currentTime attribute has changed.</td></tr><tr><td>volumechange</td><td>The volume changes.</td></tr><tr><td>waiting</td><td>Playing has stopped due to lack of data.</td></tr><tr><td>play</td><td>Playback has started.</td></tr><tr><td>playing</td><td>After a pause or delay due to lack of data, playback is ready to begin.</td></tr><tr><td>pause</td><td>Play is paused.</td></tr><tr><td>volume</td><td>The volume changes.</td></tr><tr><td>fullscreen</td><td>Triggers a full-screen event</td></tr></tbody></table>',26)]))}const m=e(i,[["render",n]]);export{u as __pageData,m as default};
+import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"r-player","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/player/index.md","filePath":"src/ranui/player/index.md","lastUpdated":1728129344000}'),i={name:"src/ranui/player/index.md"};function n(o,t,l,s,h,p){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="r-player" tabindex="-1">r-player <a class="header-anchor" href="#r-player" aria-label="Permalink to &quot;r-player&quot;">​</a></h1><p>Video player</p><p>Based on &#39;hlsjs&#39; and&#39; web components&#39;, let the native tag &#39;r-player&#39; have a unified video control. Do not use the &#39;new Player(options)&#39; way to mount to the specified &#39;dom&#39;, view return view, logic return logic, see and get, more intuitive.</p><ol><li>Drag and drop the progress bar</li><li>Volume control</li><li>The bitrate is automatically switched based on the current bandwidth</li><li>Manual definition switch</li><li>Play at double speed</li><li>Style custom overlay</li><li>&#39;hls&#39; protocol standard encryption video playback</li><li>Based on native development, it can run in all frameworks and unify the cross-framework situation</li><li>Unified browser controls</li></ol><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-player style="display:block;width:100%;max-width:600px;height:300px;" src="/ran/hls/example.m3u8"></r-player><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;/ran/hls/example.m3u8&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="src" tabindex="-1">src <a class="header-anchor" href="#src" aria-label="Permalink to &quot;src&quot;">​</a></h3><p>Resource address of the video</p><h3 id="volume" tabindex="-1">volume <a class="header-anchor" href="#volume" aria-label="Permalink to &quot;volume&quot;">​</a></h3><p>Set the initial volume. The default is 0.5</p><h3 id="currenttime" tabindex="-1">currentTime <a class="header-anchor" href="#currenttime" aria-label="Permalink to &quot;currentTime&quot;">​</a></h3><p>Set the initial playback time. By default, the playback starts from the beginning</p><h3 id="playbackrate" tabindex="-1">playbackRate <a class="header-anchor" href="#playbackrate" aria-label="Permalink to &quot;playbackRate&quot;">​</a></h3><p>Set the double speed. The default is 1.0</p><h3 id="debug" tabindex="-1">debug <a class="header-anchor" href="#debug" aria-label="Permalink to &quot;debug&quot;">​</a></h3><p>console.log some info</p><h2 id="event" tabindex="-1"><code>event</code> <a class="header-anchor" href="#event" aria-label="Permalink to &quot;`event`&quot;">​</a></h2><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>Listen for any player changes, and the value returned is as follows.</p><p>An &#39;instance of the player&#39; can be obtained through this method.</p><p>Live by &#39;type&#39; to judge different event types, perform different operations</p><table tabindex="0"><thead><tr><th>property</th><th>explains that</th><th>is of type</th></tr></thead><tbody><tr><td>type</td><td>Indicates the type of the changed event</td><td>&#39;string&#39;</td></tr><tr><td>data</td><td>The value of the</td><td>&#39;Object&#39;</td></tr><tr><td>currentTime</td><td>The current playback time</td><td>&#39;number&#39;</td></tr><tr><td>duration</td><td>Total duration of videos</td><td>&#39;number&#39;</td></tr><tr><td>tag</td><td>An example of the player</td><td>&#39;Element&#39;</td></tr></tbody></table><p>Where &#39;type&#39; type has</p><table tabindex="0"><thead><tr><th>Name</th><th>Description</th></tr></thead><tbody><tr><td>canplay</td><td>Your browser is ready to play the media file, but it probably doesn&#39;t have enough data to play it to the end without pausing to buffer the content further.</td></tr><tr><td>canplaythrough</td><td>The browser estimates that it canplay media until the end without stopping content buffering.</td></tr><tr><td>complete</td><td>OfflineAudioContext The rendering is complete.</td></tr><tr><td>durationchange</td><td>duration is triggered when the value of the duration property changes.</td></tr><tr><td>emptied</td><td>Media content emptied; For example, when the media is already loaded (or partially loaded), this event is sent and the load() method is called to reload it.</td></tr><tr><td>ended</td><td>The video stops playing because the media has reached the end point.</td></tr><tr><td>loadedmetadata</td><td>The metadata is loaded.</td></tr><tr><td>progress</td><td>is triggered periodically when the browser loads the resource.</td></tr><tr><td>ratechange</td><td>The play rate changes.</td></tr><tr><td>seeked</td><td>The seek operation is complete.</td></tr><tr><td>seeking</td><td>seek begins.</td></tr><tr><td>stalled</td><td>The user agent is trying to obtain media data but it has not appeared unexpectedly.</td></tr><tr><td>suspend</td><td>Media data loading has been suspended.</td></tr><tr><td>loadeddata</td><td>The first frame in media has been added. media has loaded.</td></tr><tr><td>timeupdate</td><td>The time specified by the currentTime property changes. currentTime attribute has changed.</td></tr><tr><td>volumechange</td><td>The volume changes.</td></tr><tr><td>waiting</td><td>Playing has stopped due to lack of data.</td></tr><tr><td>play</td><td>Playback has started.</td></tr><tr><td>playing</td><td>After a pause or delay due to lack of data, playback is ready to begin.</td></tr><tr><td>pause</td><td>Play is paused.</td></tr><tr><td>volume</td><td>The volume changes.</td></tr><tr><td>fullscreen</td><td>Triggers a full-screen event</td></tr></tbody></table>',26)]))}const m=e(i,[["render",n]]);export{u as __pageData,m as default};
diff --git a/assets/src_ranui_popover_index.md.4cp6AOCz.js b/assets/src_ranui_popover_index.md.PFeffqLM.js
similarity index 99%
rename from assets/src_ranui_popover_index.md.4cp6AOCz.js
rename to assets/src_ranui_popover_index.md.PFeffqLM.js
index 212ed02533..504a564cf2 100644
--- a/assets/src_ranui_popover_index.md.4cp6AOCz.js
+++ b/assets/src_ranui_popover_index.md.PFeffqLM.js
@@ -1,4 +1,4 @@
-import{_ as t,o as n,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"Popover","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/popover/index.md","filePath":"src/ranui/popover/index.md","lastUpdated":1728129125000}'),h={name:"src/ranui/popover/index.md"};function p(k,a,e,E,r,d){return n(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="popover" tabindex="-1">Popover <a class="header-anchor" href="#popover" aria-label="Permalink to &quot;Popover&quot;">​</a></h1><p>Click/mouse to move into the element and pop up a bubbling card layer.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-popover><r-button>popover</r-button><r-content><div>this is content</div></r-content></r-popover><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-popover</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as t,o as n,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"Popover","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/popover/index.md","filePath":"src/ranui/popover/index.md","lastUpdated":1728129344000}'),h={name:"src/ranui/popover/index.md"};function p(k,a,e,E,r,d){return n(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="popover" tabindex="-1">Popover <a class="header-anchor" href="#popover" aria-label="Permalink to &quot;Popover&quot;">​</a></h1><p>Click/mouse to move into the element and pop up a bubbling card layer.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-popover><r-button>popover</r-button><r-content><div>this is content</div></r-content></r-popover><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-popover</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;popover&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;this is content&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranui_popover_index.md.4cp6AOCz.lean.js b/assets/src_ranui_popover_index.md.PFeffqLM.lean.js
similarity index 99%
rename from assets/src_ranui_popover_index.md.4cp6AOCz.lean.js
rename to assets/src_ranui_popover_index.md.PFeffqLM.lean.js
index 212ed02533..504a564cf2 100644
--- a/assets/src_ranui_popover_index.md.4cp6AOCz.lean.js
+++ b/assets/src_ranui_popover_index.md.PFeffqLM.lean.js
@@ -1,4 +1,4 @@
-import{_ as t,o as n,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"Popover","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/popover/index.md","filePath":"src/ranui/popover/index.md","lastUpdated":1728129125000}'),h={name:"src/ranui/popover/index.md"};function p(k,a,e,E,r,d){return n(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="popover" tabindex="-1">Popover <a class="header-anchor" href="#popover" aria-label="Permalink to &quot;Popover&quot;">​</a></h1><p>Click/mouse to move into the element and pop up a bubbling card layer.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-popover><r-button>popover</r-button><r-content><div>this is content</div></r-content></r-popover><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-popover</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as t,o as n,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"Popover","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/popover/index.md","filePath":"src/ranui/popover/index.md","lastUpdated":1728129344000}'),h={name:"src/ranui/popover/index.md"};function p(k,a,e,E,r,d){return n(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="popover" tabindex="-1">Popover <a class="header-anchor" href="#popover" aria-label="Permalink to &quot;Popover&quot;">​</a></h1><p>Click/mouse to move into the element and pop up a bubbling card layer.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-popover><r-button>popover</r-button><r-content><div>this is content</div></r-content></r-popover><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-popover</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;popover&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;this is content&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranui_preview_index.md.GrIEkeLk.js b/assets/src_ranui_preview_index.md.hkKqqHBY.js
similarity index 99%
rename from assets/src_ranui_preview_index.md.GrIEkeLk.js
rename to assets/src_ranui_preview_index.md.hkKqqHBY.js
index 054033fb5e..ed7a9353b2 100644
--- a/assets/src_ranui_preview_index.md.GrIEkeLk.js
+++ b/assets/src_ranui_preview_index.md.hkKqqHBY.js
@@ -1,4 +1,4 @@
-import{_ as t,o as h,c as n,j as s,a,a3 as l}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"preview","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/preview/index.md","filePath":"src/ranui/preview/index.md","lastUpdated":1728129125000}'),e={name:"src/ranui/preview/index.md"};function p(k,i,E,r,d,g){return h(),n("div",{"data-pagefind-body":!0},i[0]||(i[0]=[s("h1",{id:"preview",tabindex:"-1"},[a("preview "),s("a",{class:"header-anchor",href:"#preview","aria-label":'Permalink to "preview"'},"​")],-1),s("p",null,"Support 'docx', 'pptx', 'pdf', 'xlsx' file preview",-1),s("h2",{id:"code-demo",tabindex:"-1"},[a("Code demo "),s("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),s("div",{style:{width:"100px","margin-top":"10px"}},[s("r-preview",{id:"fdsafdsafdsafdsaf"}),s("r-button",{type:"primary",onclick:"uploadFile('fdsafdsafdsafdsaf')"},"choose file to preview")],-1),l(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> id</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;preview&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as t,o as h,c as n,j as s,a,a3 as l}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"preview","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/preview/index.md","filePath":"src/ranui/preview/index.md","lastUpdated":1728129344000}'),e={name:"src/ranui/preview/index.md"};function p(k,i,E,r,d,g){return h(),n("div",{"data-pagefind-body":!0},i[0]||(i[0]=[s("h1",{id:"preview",tabindex:"-1"},[a("preview "),s("a",{class:"header-anchor",href:"#preview","aria-label":'Permalink to "preview"'},"​")],-1),s("p",null,"Support 'docx', 'pptx', 'pdf', 'xlsx' file preview",-1),s("h2",{id:"code-demo",tabindex:"-1"},[a("Code demo "),s("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),s("div",{style:{width:"100px","margin-top":"10px"}},[s("r-preview",{id:"fdsafdsafdsafdsaf"}),s("r-button",{type:"primary",onclick:"uploadFile('fdsafdsafdsafdsaf')"},"choose file to preview")],-1),l(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> id</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;preview&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">uploadFile</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">()&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;choose file to preview&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranui_preview_index.md.GrIEkeLk.lean.js b/assets/src_ranui_preview_index.md.hkKqqHBY.lean.js
similarity index 99%
rename from assets/src_ranui_preview_index.md.GrIEkeLk.lean.js
rename to assets/src_ranui_preview_index.md.hkKqqHBY.lean.js
index 054033fb5e..ed7a9353b2 100644
--- a/assets/src_ranui_preview_index.md.GrIEkeLk.lean.js
+++ b/assets/src_ranui_preview_index.md.hkKqqHBY.lean.js
@@ -1,4 +1,4 @@
-import{_ as t,o as h,c as n,j as s,a,a3 as l}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"preview","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/preview/index.md","filePath":"src/ranui/preview/index.md","lastUpdated":1728129125000}'),e={name:"src/ranui/preview/index.md"};function p(k,i,E,r,d,g){return h(),n("div",{"data-pagefind-body":!0},i[0]||(i[0]=[s("h1",{id:"preview",tabindex:"-1"},[a("preview "),s("a",{class:"header-anchor",href:"#preview","aria-label":'Permalink to "preview"'},"​")],-1),s("p",null,"Support 'docx', 'pptx', 'pdf', 'xlsx' file preview",-1),s("h2",{id:"code-demo",tabindex:"-1"},[a("Code demo "),s("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),s("div",{style:{width:"100px","margin-top":"10px"}},[s("r-preview",{id:"fdsafdsafdsafdsaf"}),s("r-button",{type:"primary",onclick:"uploadFile('fdsafdsafdsafdsaf')"},"choose file to preview")],-1),l(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> id</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;preview&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as t,o as h,c as n,j as s,a,a3 as l}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"preview","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/preview/index.md","filePath":"src/ranui/preview/index.md","lastUpdated":1728129344000}'),e={name:"src/ranui/preview/index.md"};function p(k,i,E,r,d,g){return h(),n("div",{"data-pagefind-body":!0},i[0]||(i[0]=[s("h1",{id:"preview",tabindex:"-1"},[a("preview "),s("a",{class:"header-anchor",href:"#preview","aria-label":'Permalink to "preview"'},"​")],-1),s("p",null,"Support 'docx', 'pptx', 'pdf', 'xlsx' file preview",-1),s("h2",{id:"code-demo",tabindex:"-1"},[a("Code demo "),s("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),s("div",{style:{width:"100px","margin-top":"10px"}},[s("r-preview",{id:"fdsafdsafdsafdsaf"}),s("r-button",{type:"primary",onclick:"uploadFile('fdsafdsafdsafdsaf')"},"choose file to preview")],-1),l(`<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> id</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;preview&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">uploadFile</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">()&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;choose file to preview&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranui_progress_index.md.Be_sOmHB.js b/assets/src_ranui_progress_index.md.CubSOb3E.js
similarity index 99%
rename from assets/src_ranui_progress_index.md.Be_sOmHB.js
rename to assets/src_ranui_progress_index.md.CubSOb3E.js
index 3a1844971d..3f2e822253 100644
--- a/assets/src_ranui_progress_index.md.Be_sOmHB.js
+++ b/assets/src_ranui_progress_index.md.CubSOb3E.js
@@ -1 +1 @@
-import{_ as a,o as e,c as h,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"progress","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/progress/index.md","filePath":"src/ranui/progress/index.md","lastUpdated":1728129125000}'),p={name:"src/ranui/progress/index.md"};function l(r,t,n,k,d,E){return e(),h("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i('<h1 id="progress" tabindex="-1">progress <a class="header-anchor" href="#progress" aria-label="Permalink to &quot;progress&quot;">​</a></h1><p>Interactive progress bar</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-progress type="drag"></r-progress><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="total" tabindex="-1"><code>total</code> <a class="header-anchor" href="#total" aria-label="Permalink to &quot;`total`&quot;">​</a></h3><p>Set progress bar Total progress, allowed percentages and numbers.</p>',8),s("r-progress",{percent:"30",total:"1000"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{percent:"70",total:"100"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{percent:"10%",total:"100%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;1000&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;70&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="percent" tabindex="-1"><code>percent</code> <a class="header-anchor" href="#percent" aria-label="Permalink to &quot;`percent`&quot;">​</a></h3><p>Set the current progress of the progress bar, you can set the percentage and number, &#39;percent&#39; cannot exceed &#39;total&#39;. If &#39;total&#39; is not set, the default &#39;total&#39; is&#39; 100% &#39;, that is, &#39;1&#39;.</p>',3),s("r-progress",{type:"primary",percent:"30%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"70%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"100%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="dot" tabindex="-1"><code>dot</code> <a class="header-anchor" href="#dot" aria-label="Permalink to &quot;`dot`&quot;">​</a></h3><p>Point of the progress bar, Default display, set to &#39;false&#39; can be hidden</p>',3),s("r-progress",{type:"drag",percent:"30%",dot:"false"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%",dot:"true"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="type" tabindex="-1"><code>type</code> <a class="header-anchor" href="#type" aria-label="Permalink to &quot;`type`&quot;">​</a></h3><ul><li><code>primary</code>: Default progress bar, not setting the &#39;type&#39; attribute is the default</li><li><code>drag</code>: Draggable, clickable progress bar (dragging requires&#39; dot &#39;to be&#39; true &#39;)</li></ul>',3),s("r-progress",{type:"drag",percent:"30%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="method" tabindex="-1">Method <a class="header-anchor" href="#method" aria-label="Permalink to &quot;Method&quot;">​</a></h2><h3 id="change" tabindex="-1"><code>change</code> <a class="header-anchor" href="#change" aria-label="Permalink to &quot;`change`&quot;">​</a></h3><p>The &#39;change&#39; event is triggered when the &#39;percent&#39; and &#39;total&#39; properties change.</p><table tabindex="0"><thead><tr><th>property</th><th>explains that</th><th>type</th></tr></thead><tbody><tr><td>value</td><td>Current progress</td><td>&#39;string or number&#39;</td></tr><tr><td>percent</td><td>Current progress</td><td>&#39;string or number&#39;</td></tr><tr><td>total</td><td>Total progress</td><td>&#39;string or number&#39;</td></tr></tbody></table>',5)]))}const y=a(p,[["render",l]]);export{o as __pageData,y as default};
+import{_ as a,o as e,c as h,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"progress","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/progress/index.md","filePath":"src/ranui/progress/index.md","lastUpdated":1728129344000}'),p={name:"src/ranui/progress/index.md"};function l(r,t,n,k,d,E){return e(),h("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i('<h1 id="progress" tabindex="-1">progress <a class="header-anchor" href="#progress" aria-label="Permalink to &quot;progress&quot;">​</a></h1><p>Interactive progress bar</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-progress type="drag"></r-progress><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="total" tabindex="-1"><code>total</code> <a class="header-anchor" href="#total" aria-label="Permalink to &quot;`total`&quot;">​</a></h3><p>Set progress bar Total progress, allowed percentages and numbers.</p>',8),s("r-progress",{percent:"30",total:"1000"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{percent:"70",total:"100"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{percent:"10%",total:"100%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;1000&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;70&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="percent" tabindex="-1"><code>percent</code> <a class="header-anchor" href="#percent" aria-label="Permalink to &quot;`percent`&quot;">​</a></h3><p>Set the current progress of the progress bar, you can set the percentage and number, &#39;percent&#39; cannot exceed &#39;total&#39;. If &#39;total&#39; is not set, the default &#39;total&#39; is&#39; 100% &#39;, that is, &#39;1&#39;.</p>',3),s("r-progress",{type:"primary",percent:"30%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"70%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"100%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="dot" tabindex="-1"><code>dot</code> <a class="header-anchor" href="#dot" aria-label="Permalink to &quot;`dot`&quot;">​</a></h3><p>Point of the progress bar, Default display, set to &#39;false&#39; can be hidden</p>',3),s("r-progress",{type:"drag",percent:"30%",dot:"false"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%",dot:"true"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="type" tabindex="-1"><code>type</code> <a class="header-anchor" href="#type" aria-label="Permalink to &quot;`type`&quot;">​</a></h3><ul><li><code>primary</code>: Default progress bar, not setting the &#39;type&#39; attribute is the default</li><li><code>drag</code>: Draggable, clickable progress bar (dragging requires&#39; dot &#39;to be&#39; true &#39;)</li></ul>',3),s("r-progress",{type:"drag",percent:"30%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="method" tabindex="-1">Method <a class="header-anchor" href="#method" aria-label="Permalink to &quot;Method&quot;">​</a></h2><h3 id="change" tabindex="-1"><code>change</code> <a class="header-anchor" href="#change" aria-label="Permalink to &quot;`change`&quot;">​</a></h3><p>The &#39;change&#39; event is triggered when the &#39;percent&#39; and &#39;total&#39; properties change.</p><table tabindex="0"><thead><tr><th>property</th><th>explains that</th><th>type</th></tr></thead><tbody><tr><td>value</td><td>Current progress</td><td>&#39;string or number&#39;</td></tr><tr><td>percent</td><td>Current progress</td><td>&#39;string or number&#39;</td></tr><tr><td>total</td><td>Total progress</td><td>&#39;string or number&#39;</td></tr></tbody></table>',5)]))}const y=a(p,[["render",l]]);export{o as __pageData,y as default};
diff --git a/assets/src_ranui_progress_index.md.Be_sOmHB.lean.js b/assets/src_ranui_progress_index.md.CubSOb3E.lean.js
similarity index 99%
rename from assets/src_ranui_progress_index.md.Be_sOmHB.lean.js
rename to assets/src_ranui_progress_index.md.CubSOb3E.lean.js
index 3a1844971d..3f2e822253 100644
--- a/assets/src_ranui_progress_index.md.Be_sOmHB.lean.js
+++ b/assets/src_ranui_progress_index.md.CubSOb3E.lean.js
@@ -1 +1 @@
-import{_ as a,o as e,c as h,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"progress","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/progress/index.md","filePath":"src/ranui/progress/index.md","lastUpdated":1728129125000}'),p={name:"src/ranui/progress/index.md"};function l(r,t,n,k,d,E){return e(),h("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i('<h1 id="progress" tabindex="-1">progress <a class="header-anchor" href="#progress" aria-label="Permalink to &quot;progress&quot;">​</a></h1><p>Interactive progress bar</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-progress type="drag"></r-progress><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="total" tabindex="-1"><code>total</code> <a class="header-anchor" href="#total" aria-label="Permalink to &quot;`total`&quot;">​</a></h3><p>Set progress bar Total progress, allowed percentages and numbers.</p>',8),s("r-progress",{percent:"30",total:"1000"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{percent:"70",total:"100"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{percent:"10%",total:"100%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;1000&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;70&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="percent" tabindex="-1"><code>percent</code> <a class="header-anchor" href="#percent" aria-label="Permalink to &quot;`percent`&quot;">​</a></h3><p>Set the current progress of the progress bar, you can set the percentage and number, &#39;percent&#39; cannot exceed &#39;total&#39;. If &#39;total&#39; is not set, the default &#39;total&#39; is&#39; 100% &#39;, that is, &#39;1&#39;.</p>',3),s("r-progress",{type:"primary",percent:"30%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"70%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"100%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="dot" tabindex="-1"><code>dot</code> <a class="header-anchor" href="#dot" aria-label="Permalink to &quot;`dot`&quot;">​</a></h3><p>Point of the progress bar, Default display, set to &#39;false&#39; can be hidden</p>',3),s("r-progress",{type:"drag",percent:"30%",dot:"false"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%",dot:"true"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="type" tabindex="-1"><code>type</code> <a class="header-anchor" href="#type" aria-label="Permalink to &quot;`type`&quot;">​</a></h3><ul><li><code>primary</code>: Default progress bar, not setting the &#39;type&#39; attribute is the default</li><li><code>drag</code>: Draggable, clickable progress bar (dragging requires&#39; dot &#39;to be&#39; true &#39;)</li></ul>',3),s("r-progress",{type:"drag",percent:"30%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="method" tabindex="-1">Method <a class="header-anchor" href="#method" aria-label="Permalink to &quot;Method&quot;">​</a></h2><h3 id="change" tabindex="-1"><code>change</code> <a class="header-anchor" href="#change" aria-label="Permalink to &quot;`change`&quot;">​</a></h3><p>The &#39;change&#39; event is triggered when the &#39;percent&#39; and &#39;total&#39; properties change.</p><table tabindex="0"><thead><tr><th>property</th><th>explains that</th><th>type</th></tr></thead><tbody><tr><td>value</td><td>Current progress</td><td>&#39;string or number&#39;</td></tr><tr><td>percent</td><td>Current progress</td><td>&#39;string or number&#39;</td></tr><tr><td>total</td><td>Total progress</td><td>&#39;string or number&#39;</td></tr></tbody></table>',5)]))}const y=a(p,[["render",l]]);export{o as __pageData,y as default};
+import{_ as a,o as e,c as h,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const o=JSON.parse('{"title":"progress","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/progress/index.md","filePath":"src/ranui/progress/index.md","lastUpdated":1728129344000}'),p={name:"src/ranui/progress/index.md"};function l(r,t,n,k,d,E){return e(),h("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i('<h1 id="progress" tabindex="-1">progress <a class="header-anchor" href="#progress" aria-label="Permalink to &quot;progress&quot;">​</a></h1><p>Interactive progress bar</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-progress type="drag"></r-progress><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="total" tabindex="-1"><code>total</code> <a class="header-anchor" href="#total" aria-label="Permalink to &quot;`total`&quot;">​</a></h3><p>Set progress bar Total progress, allowed percentages and numbers.</p>',8),s("r-progress",{percent:"30",total:"1000"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{percent:"70",total:"100"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{percent:"10%",total:"100%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;1000&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;70&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;10%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> total</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="percent" tabindex="-1"><code>percent</code> <a class="header-anchor" href="#percent" aria-label="Permalink to &quot;`percent`&quot;">​</a></h3><p>Set the current progress of the progress bar, you can set the percentage and number, &#39;percent&#39; cannot exceed &#39;total&#39;. If &#39;total&#39; is not set, the default &#39;total&#39; is&#39; 100% &#39;, that is, &#39;1&#39;.</p>',3),s("r-progress",{type:"primary",percent:"30%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"70%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"100%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="dot" tabindex="-1"><code>dot</code> <a class="header-anchor" href="#dot" aria-label="Permalink to &quot;`dot`&quot;">​</a></h3><p>Point of the progress bar, Default display, set to &#39;false&#39; can be hidden</p>',3),s("r-progress",{type:"drag",percent:"30%",dot:"false"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%",dot:"true"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="type" tabindex="-1"><code>type</code> <a class="header-anchor" href="#type" aria-label="Permalink to &quot;`type`&quot;">​</a></h3><ul><li><code>primary</code>: Default progress bar, not setting the &#39;type&#39; attribute is the default</li><li><code>drag</code>: Draggable, clickable progress bar (dragging requires&#39; dot &#39;to be&#39; true &#39;)</li></ul>',3),s("r-progress",{type:"drag",percent:"30%"},null,-1),s("div",{style:{height:"20px",width:"10px"}},null,-1),s("r-progress",{type:"primary",percent:"40%"},null,-1),i('<div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="method" tabindex="-1">Method <a class="header-anchor" href="#method" aria-label="Permalink to &quot;Method&quot;">​</a></h2><h3 id="change" tabindex="-1"><code>change</code> <a class="header-anchor" href="#change" aria-label="Permalink to &quot;`change`&quot;">​</a></h3><p>The &#39;change&#39; event is triggered when the &#39;percent&#39; and &#39;total&#39; properties change.</p><table tabindex="0"><thead><tr><th>property</th><th>explains that</th><th>type</th></tr></thead><tbody><tr><td>value</td><td>Current progress</td><td>&#39;string or number&#39;</td></tr><tr><td>percent</td><td>Current progress</td><td>&#39;string or number&#39;</td></tr><tr><td>total</td><td>Total progress</td><td>&#39;string or number&#39;</td></tr></tbody></table>',5)]))}const y=a(p,[["render",l]]);export{o as __pageData,y as default};
diff --git a/assets/src_ranui_radar_index.md.CkBeOv58.js b/assets/src_ranui_radar_index.md.DVubbf7p.js
similarity index 99%
rename from assets/src_ranui_radar_index.md.CkBeOv58.js
rename to assets/src_ranui_radar_index.md.DVubbf7p.js
index ea87bd9f1f..4f4594f2d6 100644
--- a/assets/src_ranui_radar_index.md.CkBeOv58.js
+++ b/assets/src_ranui_radar_index.md.DVubbf7p.js
@@ -1,4 +1,4 @@
-import{_ as e,o as l,c as o,j as t,a as s,a3 as a}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"Radar","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/radar/index.md","filePath":"src/ranui/radar/index.md","lastUpdated":1728129125000}'),n={name:"src/ranui/radar/index.md"};function h(p,i,r,k,u,d){return l(),o("div",{"data-pagefind-body":!0},i[0]||(i[0]=[t("h1",{id:"radar",tabindex:"-1"},[s("Radar "),t("a",{class:"header-anchor",href:"#radar","aria-label":'Permalink to "Radar"'},"​")],-1),t("p",null,"Comprehensive comparison of differences between multiple sets of data in two-dimensional form, often used to compare 2 or more sets of data",-1),t("h2",{id:"code-demo",tabindex:"-1"},[s("Code demo "),t("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),t("r-radar",{style:{width:"300px",height:"300px",display:"block"},abilitys:'[{"abilityName":"HP","scoreRate":"10"},{"abilityName":"Attack","scoreRate":"90"},{"abilityName":"DEF","scoreRate":"20"},{"abilityName":"Element mastery","scoreRate":"50"},{"abilityName":"Critical Hit Chance","scoreRate":"80"},{"abilityName":"Critical hit damage","scoreRate":"50"}]'},null,-1),a(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-radar</span></span>
+import{_ as e,o as l,c as o,j as t,a as s,a3 as a}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"Radar","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/radar/index.md","filePath":"src/ranui/radar/index.md","lastUpdated":1728129344000}'),n={name:"src/ranui/radar/index.md"};function h(p,i,r,k,u,d){return l(),o("div",{"data-pagefind-body":!0},i[0]||(i[0]=[t("h1",{id:"radar",tabindex:"-1"},[s("Radar "),t("a",{class:"header-anchor",href:"#radar","aria-label":'Permalink to "Radar"'},"​")],-1),t("p",null,"Comprehensive comparison of differences between multiple sets of data in two-dimensional form, often used to compare 2 or more sets of data",-1),t("h2",{id:"code-demo",tabindex:"-1"},[s("Code demo "),t("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),t("r-radar",{style:{width:"300px",height:"300px",display:"block"},abilitys:'[{"abilityName":"HP","scoreRate":"10"},{"abilityName":"Attack","scoreRate":"90"},{"abilityName":"DEF","scoreRate":"20"},{"abilityName":"Element mastery","scoreRate":"50"},{"abilityName":"Critical Hit Chance","scoreRate":"80"},{"abilityName":"Critical hit damage","scoreRate":"50"}]'},null,-1),a(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-radar</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">abilitys</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;[{&quot;abilityName&quot;:&quot;HP&quot;,&quot;scoreRate&quot;:&quot;10&quot;},{&quot;abilityName&quot;:&quot;Attack&quot;,&quot;scoreRate&quot;:&quot;90&quot;},{&quot;abilityName&quot;:&quot;DEF&quot;,&quot;scoreRate&quot;:&quot;20&quot;},{&quot;abilityName&quot;:&quot;Element mastery&quot;,&quot;scoreRate&quot;:&quot;50&quot;},{&quot;abilityName&quot;:&quot;Critical Hit Chance&quot;,&quot;scoreRate&quot;:&quot;80&quot;},{&quot;abilityName&quot;:&quot;Critical hit damage&quot;,&quot;scoreRate&quot;:&quot;50&quot;}]&#39;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;width:300px;height:300px;display: block;&quot;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranui_radar_index.md.CkBeOv58.lean.js b/assets/src_ranui_radar_index.md.DVubbf7p.lean.js
similarity index 99%
rename from assets/src_ranui_radar_index.md.CkBeOv58.lean.js
rename to assets/src_ranui_radar_index.md.DVubbf7p.lean.js
index ea87bd9f1f..4f4594f2d6 100644
--- a/assets/src_ranui_radar_index.md.CkBeOv58.lean.js
+++ b/assets/src_ranui_radar_index.md.DVubbf7p.lean.js
@@ -1,4 +1,4 @@
-import{_ as e,o as l,c as o,j as t,a as s,a3 as a}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"Radar","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/radar/index.md","filePath":"src/ranui/radar/index.md","lastUpdated":1728129125000}'),n={name:"src/ranui/radar/index.md"};function h(p,i,r,k,u,d){return l(),o("div",{"data-pagefind-body":!0},i[0]||(i[0]=[t("h1",{id:"radar",tabindex:"-1"},[s("Radar "),t("a",{class:"header-anchor",href:"#radar","aria-label":'Permalink to "Radar"'},"​")],-1),t("p",null,"Comprehensive comparison of differences between multiple sets of data in two-dimensional form, often used to compare 2 or more sets of data",-1),t("h2",{id:"code-demo",tabindex:"-1"},[s("Code demo "),t("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),t("r-radar",{style:{width:"300px",height:"300px",display:"block"},abilitys:'[{"abilityName":"HP","scoreRate":"10"},{"abilityName":"Attack","scoreRate":"90"},{"abilityName":"DEF","scoreRate":"20"},{"abilityName":"Element mastery","scoreRate":"50"},{"abilityName":"Critical Hit Chance","scoreRate":"80"},{"abilityName":"Critical hit damage","scoreRate":"50"}]'},null,-1),a(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-radar</span></span>
+import{_ as e,o as l,c as o,j as t,a as s,a3 as a}from"./chunks/framework.eq-HTtE3.js";const E=JSON.parse('{"title":"Radar","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/radar/index.md","filePath":"src/ranui/radar/index.md","lastUpdated":1728129344000}'),n={name:"src/ranui/radar/index.md"};function h(p,i,r,k,u,d){return l(),o("div",{"data-pagefind-body":!0},i[0]||(i[0]=[t("h1",{id:"radar",tabindex:"-1"},[s("Radar "),t("a",{class:"header-anchor",href:"#radar","aria-label":'Permalink to "Radar"'},"​")],-1),t("p",null,"Comprehensive comparison of differences between multiple sets of data in two-dimensional form, often used to compare 2 or more sets of data",-1),t("h2",{id:"code-demo",tabindex:"-1"},[s("Code demo "),t("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),t("r-radar",{style:{width:"300px",height:"300px",display:"block"},abilitys:'[{"abilityName":"HP","scoreRate":"10"},{"abilityName":"Attack","scoreRate":"90"},{"abilityName":"DEF","scoreRate":"20"},{"abilityName":"Element mastery","scoreRate":"50"},{"abilityName":"Critical Hit Chance","scoreRate":"80"},{"abilityName":"Critical hit damage","scoreRate":"50"}]'},null,-1),a(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-radar</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">abilitys</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;[{&quot;abilityName&quot;:&quot;HP&quot;,&quot;scoreRate&quot;:&quot;10&quot;},{&quot;abilityName&quot;:&quot;Attack&quot;,&quot;scoreRate&quot;:&quot;90&quot;},{&quot;abilityName&quot;:&quot;DEF&quot;,&quot;scoreRate&quot;:&quot;20&quot;},{&quot;abilityName&quot;:&quot;Element mastery&quot;,&quot;scoreRate&quot;:&quot;50&quot;},{&quot;abilityName&quot;:&quot;Critical Hit Chance&quot;,&quot;scoreRate&quot;:&quot;80&quot;},{&quot;abilityName&quot;:&quot;Critical hit damage&quot;,&quot;scoreRate&quot;:&quot;50&quot;}]&#39;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">    style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;width:300px;height:300px;display: block;&quot;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranui_select_index.md.DgN8GI_q.js b/assets/src_ranui_select_index.md.DQq3MVHp.js
similarity index 99%
rename from assets/src_ranui_select_index.md.DgN8GI_q.js
rename to assets/src_ranui_select_index.md.DQq3MVHp.js
index 9e87f036a4..1238ad8c2e 100644
--- a/assets/src_ranui_select_index.md.DgN8GI_q.js
+++ b/assets/src_ranui_select_index.md.DQq3MVHp.js
@@ -1,4 +1,4 @@
-import{_ as h,o as l,c as n,j as s,a as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Select","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/select/index.md","filePath":"src/ranui/select/index.md","lastUpdated":1728129125000}'),p={name:"src/ranui/select/index.md"};function k(e,a,E,r,d,o){return l(),n("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s("h1",{id:"select",tabindex:"-1"},[t("Select "),s("a",{class:"header-anchor",href:"#select","aria-label":'Permalink to "Select"'},"​")],-1),s("p",null,"A regular pull-down selector.",-1),s("h2",{id:"code-demo",tabindex:"-1"},[t("Code demo "),s("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),s("r-select",{style:{width:"120px",height:"40px"},defaultValue:"185"},[s("r-option",{value:"185"},"Mike"),s("r-option",{value:"186"},"Tom"),s("r-option",{value:"187"},"Lucy")],-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-select</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;width: 120px; height: 40px&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> defaultValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;185&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as h,o as l,c as n,j as s,a as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Select","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/select/index.md","filePath":"src/ranui/select/index.md","lastUpdated":1728129344000}'),p={name:"src/ranui/select/index.md"};function k(e,a,E,r,d,o){return l(),n("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s("h1",{id:"select",tabindex:"-1"},[t("Select "),s("a",{class:"header-anchor",href:"#select","aria-label":'Permalink to "Select"'},"​")],-1),s("p",null,"A regular pull-down selector.",-1),s("h2",{id:"code-demo",tabindex:"-1"},[t("Code demo "),s("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),s("r-select",{style:{width:"120px",height:"40px"},defaultValue:"185"},[s("r-option",{value:"185"},"Mike"),s("r-option",{value:"186"},"Tom"),s("r-option",{value:"187"},"Lucy")],-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-select</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;width: 120px; height: 40px&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> defaultValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;185&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;185&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Mike&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;186&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Tom&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;187&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Lucy&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranui_select_index.md.DgN8GI_q.lean.js b/assets/src_ranui_select_index.md.DQq3MVHp.lean.js
similarity index 99%
rename from assets/src_ranui_select_index.md.DgN8GI_q.lean.js
rename to assets/src_ranui_select_index.md.DQq3MVHp.lean.js
index 9e87f036a4..1238ad8c2e 100644
--- a/assets/src_ranui_select_index.md.DgN8GI_q.lean.js
+++ b/assets/src_ranui_select_index.md.DQq3MVHp.lean.js
@@ -1,4 +1,4 @@
-import{_ as h,o as l,c as n,j as s,a as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Select","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/select/index.md","filePath":"src/ranui/select/index.md","lastUpdated":1728129125000}'),p={name:"src/ranui/select/index.md"};function k(e,a,E,r,d,o){return l(),n("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s("h1",{id:"select",tabindex:"-1"},[t("Select "),s("a",{class:"header-anchor",href:"#select","aria-label":'Permalink to "Select"'},"​")],-1),s("p",null,"A regular pull-down selector.",-1),s("h2",{id:"code-demo",tabindex:"-1"},[t("Code demo "),s("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),s("r-select",{style:{width:"120px",height:"40px"},defaultValue:"185"},[s("r-option",{value:"185"},"Mike"),s("r-option",{value:"186"},"Tom"),s("r-option",{value:"187"},"Lucy")],-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-select</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;width: 120px; height: 40px&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> defaultValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;185&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as h,o as l,c as n,j as s,a as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Select","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/select/index.md","filePath":"src/ranui/select/index.md","lastUpdated":1728129344000}'),p={name:"src/ranui/select/index.md"};function k(e,a,E,r,d,o){return l(),n("div",{"data-pagefind-body":!0},a[0]||(a[0]=[s("h1",{id:"select",tabindex:"-1"},[t("Select "),s("a",{class:"header-anchor",href:"#select","aria-label":'Permalink to "Select"'},"​")],-1),s("p",null,"A regular pull-down selector.",-1),s("h2",{id:"code-demo",tabindex:"-1"},[t("Code demo "),s("a",{class:"header-anchor",href:"#code-demo","aria-label":'Permalink to "Code demo"'},"​")],-1),s("r-select",{style:{width:"120px",height:"40px"},defaultValue:"185"},[s("r-option",{value:"185"},"Mike"),s("r-option",{value:"186"},"Tom"),s("r-option",{value:"187"},"Lucy")],-1),i(`<div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-select</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;width: 120px; height: 40px&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> defaultValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;185&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;185&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Mike&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;186&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Tom&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;187&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Lucy&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranui_skeleton_index.md.DnZOMEV1.js b/assets/src_ranui_skeleton_index.md.BUf_Burp.js
similarity index 96%
rename from assets/src_ranui_skeleton_index.md.DnZOMEV1.js
rename to assets/src_ranui_skeleton_index.md.BUf_Burp.js
index 43e717af91..edea8e6867 100644
--- a/assets/src_ranui_skeleton_index.md.DnZOMEV1.js
+++ b/assets/src_ranui_skeleton_index.md.BUf_Burp.js
@@ -1 +1 @@
-import{_ as t,o as s,c as a,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"skeleton","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/skeleton/index.md","filePath":"src/ranui/skeleton/index.md","lastUpdated":1728129125000}'),n={name:"src/ranui/skeleton/index.md"};function o(l,e,r,d,p,h){return s(),a("div",{"data-pagefind-body":!0},e[0]||(e[0]=[i('<h1 id="skeleton" tabindex="-1">skeleton <a class="header-anchor" href="#skeleton" aria-label="Permalink to &quot;skeleton&quot;">​</a></h1><p>Provides a combination of placeholder graphics where you need to wait for content to load.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><p>The skeleton length follows the length of the parent element</p><div style="width:100px;margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="width:200px;margin-top:10px;"><r-skeleton></r-skeleton></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>',9)]))}const m=t(n,[["render",o]]);export{c as __pageData,m as default};
+import{_ as t,o as s,c as a,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"skeleton","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/skeleton/index.md","filePath":"src/ranui/skeleton/index.md","lastUpdated":1728129344000}'),n={name:"src/ranui/skeleton/index.md"};function o(l,e,r,d,p,h){return s(),a("div",{"data-pagefind-body":!0},e[0]||(e[0]=[i('<h1 id="skeleton" tabindex="-1">skeleton <a class="header-anchor" href="#skeleton" aria-label="Permalink to &quot;skeleton&quot;">​</a></h1><p>Provides a combination of placeholder graphics where you need to wait for content to load.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><p>The skeleton length follows the length of the parent element</p><div style="width:100px;margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="width:200px;margin-top:10px;"><r-skeleton></r-skeleton></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>',9)]))}const m=t(n,[["render",o]]);export{c as __pageData,m as default};
diff --git a/assets/src_ranui_skeleton_index.md.DnZOMEV1.lean.js b/assets/src_ranui_skeleton_index.md.BUf_Burp.lean.js
similarity index 96%
rename from assets/src_ranui_skeleton_index.md.DnZOMEV1.lean.js
rename to assets/src_ranui_skeleton_index.md.BUf_Burp.lean.js
index 43e717af91..edea8e6867 100644
--- a/assets/src_ranui_skeleton_index.md.DnZOMEV1.lean.js
+++ b/assets/src_ranui_skeleton_index.md.BUf_Burp.lean.js
@@ -1 +1 @@
-import{_ as t,o as s,c as a,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"skeleton","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/skeleton/index.md","filePath":"src/ranui/skeleton/index.md","lastUpdated":1728129125000}'),n={name:"src/ranui/skeleton/index.md"};function o(l,e,r,d,p,h){return s(),a("div",{"data-pagefind-body":!0},e[0]||(e[0]=[i('<h1 id="skeleton" tabindex="-1">skeleton <a class="header-anchor" href="#skeleton" aria-label="Permalink to &quot;skeleton&quot;">​</a></h1><p>Provides a combination of placeholder graphics where you need to wait for content to load.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><p>The skeleton length follows the length of the parent element</p><div style="width:100px;margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="width:200px;margin-top:10px;"><r-skeleton></r-skeleton></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>',9)]))}const m=t(n,[["render",o]]);export{c as __pageData,m as default};
+import{_ as t,o as s,c as a,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"skeleton","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/skeleton/index.md","filePath":"src/ranui/skeleton/index.md","lastUpdated":1728129344000}'),n={name:"src/ranui/skeleton/index.md"};function o(l,e,r,d,p,h){return s(),a("div",{"data-pagefind-body":!0},e[0]||(e[0]=[i('<h1 id="skeleton" tabindex="-1">skeleton <a class="header-anchor" href="#skeleton" aria-label="Permalink to &quot;skeleton&quot;">​</a></h1><p>Provides a combination of placeholder graphics where you need to wait for content to load.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><p>The skeleton length follows the length of the parent element</p><div style="width:100px;margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="width:200px;margin-top:10px;"><r-skeleton></r-skeleton></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div>',9)]))}const m=t(n,[["render",o]]);export{c as __pageData,m as default};
diff --git a/assets/src_ranui_tab_index.md.CciVbuSi.js b/assets/src_ranui_tab_index.md.DSSJuz31.js
similarity index 99%
rename from assets/src_ranui_tab_index.md.CciVbuSi.js
rename to assets/src_ranui_tab_index.md.DSSJuz31.js
index 4c74e9f281..627df1ad77 100644
--- a/assets/src_ranui_tab_index.md.CciVbuSi.js
+++ b/assets/src_ranui_tab_index.md.DSSJuz31.js
@@ -1,4 +1,4 @@
-import{_ as t,o as l,c as h,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Tab","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/tab/index.md","filePath":"src/ranui/tab/index.md","lastUpdated":1728129125000}'),k={name:"src/ranui/tab/index.md"};function n(p,a,e,E,r,d){return l(),h("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="tab" tabindex="-1">Tab <a class="header-anchor" href="#tab" aria-label="Permalink to &quot;Tab&quot;">​</a></h1><p>TAB pages, where &#39;r-tab&#39; needs to be used with &#39;r-tabs&#39;</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div style="width:100%;"><r-tabs><r-tab label="tab1">11111</r-tab><r-tab label="tab2">22222</r-tab><r-tab label="tab3">33333</r-tab></r-tabs></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;</span></span>
+import{_ as t,o as l,c as h,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Tab","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/tab/index.md","filePath":"src/ranui/tab/index.md","lastUpdated":1728129344000}'),k={name:"src/ranui/tab/index.md"};function n(p,a,e,E,r,d){return l(),h("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="tab" tabindex="-1">Tab <a class="header-anchor" href="#tab" aria-label="Permalink to &quot;Tab&quot;">​</a></h1><p>TAB pages, where &#39;r-tab&#39; needs to be used with &#39;r-tabs&#39;</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div style="width:100%;"><r-tabs><r-tab label="tab1">11111</r-tab><r-tab label="tab2">22222</r-tab><r-tab label="tab3">33333</r-tab></r-tabs></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;11111&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab2&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;22222&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab3&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;33333&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranui_tab_index.md.CciVbuSi.lean.js b/assets/src_ranui_tab_index.md.DSSJuz31.lean.js
similarity index 99%
rename from assets/src_ranui_tab_index.md.CciVbuSi.lean.js
rename to assets/src_ranui_tab_index.md.DSSJuz31.lean.js
index 4c74e9f281..627df1ad77 100644
--- a/assets/src_ranui_tab_index.md.CciVbuSi.lean.js
+++ b/assets/src_ranui_tab_index.md.DSSJuz31.lean.js
@@ -1,4 +1,4 @@
-import{_ as t,o as l,c as h,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Tab","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/tab/index.md","filePath":"src/ranui/tab/index.md","lastUpdated":1728129125000}'),k={name:"src/ranui/tab/index.md"};function n(p,a,e,E,r,d){return l(),h("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="tab" tabindex="-1">Tab <a class="header-anchor" href="#tab" aria-label="Permalink to &quot;Tab&quot;">​</a></h1><p>TAB pages, where &#39;r-tab&#39; needs to be used with &#39;r-tabs&#39;</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div style="width:100%;"><r-tabs><r-tab label="tab1">11111</r-tab><r-tab label="tab2">22222</r-tab><r-tab label="tab3">33333</r-tab></r-tabs></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;</span></span>
+import{_ as t,o as l,c as h,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const y=JSON.parse('{"title":"Tab","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/tab/index.md","filePath":"src/ranui/tab/index.md","lastUpdated":1728129344000}'),k={name:"src/ranui/tab/index.md"};function n(p,a,e,E,r,d){return l(),h("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="tab" tabindex="-1">Tab <a class="header-anchor" href="#tab" aria-label="Permalink to &quot;Tab&quot;">​</a></h1><p>TAB pages, where &#39;r-tab&#39; needs to be used with &#39;r-tabs&#39;</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div style="width:100%;"><r-tabs><r-tab label="tab1">11111</r-tab><r-tab label="tab2">22222</r-tab><r-tab label="tab3">33333</r-tab></r-tabs></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;11111&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab2&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;22222&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab3&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;33333&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranui_tabs_index.md.CkEcQ38o.js b/assets/src_ranui_tabs_index.md.Y_dSHlvB.js
similarity index 99%
rename from assets/src_ranui_tabs_index.md.CkEcQ38o.js
rename to assets/src_ranui_tabs_index.md.Y_dSHlvB.js
index f1764d5d82..e28574b09a 100644
--- a/assets/src_ranui_tabs_index.md.CkEcQ38o.js
+++ b/assets/src_ranui_tabs_index.md.Y_dSHlvB.js
@@ -1,4 +1,4 @@
-import{_ as t,o as h,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"Tab","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/tabs/index.md","filePath":"src/ranui/tabs/index.md","lastUpdated":1728129125000}'),n={name:"src/ranui/tabs/index.md"};function k(e,a,p,E,r,d){return h(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="tab" tabindex="-1">Tab <a class="header-anchor" href="#tab" aria-label="Permalink to &quot;Tab&quot;">​</a></h1><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-tabs><r-tab label="tab1">tab1</r-tab><r-tab label="tab2">tab2</r-tab><r-tab label="tab3">tab3</r-tab></r-tabs><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as t,o as h,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"Tab","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/tabs/index.md","filePath":"src/ranui/tabs/index.md","lastUpdated":1728129344000}'),n={name:"src/ranui/tabs/index.md"};function k(e,a,p,E,r,d){return h(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="tab" tabindex="-1">Tab <a class="header-anchor" href="#tab" aria-label="Permalink to &quot;Tab&quot;">​</a></h1><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-tabs><r-tab label="tab1">tab1</r-tab><r-tab label="tab2">tab2</r-tab><r-tab label="tab3">tab3</r-tab></r-tabs><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;tab1&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab2&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;tab2&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab3&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;tab3&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranui_tabs_index.md.CkEcQ38o.lean.js b/assets/src_ranui_tabs_index.md.Y_dSHlvB.lean.js
similarity index 99%
rename from assets/src_ranui_tabs_index.md.CkEcQ38o.lean.js
rename to assets/src_ranui_tabs_index.md.Y_dSHlvB.lean.js
index f1764d5d82..e28574b09a 100644
--- a/assets/src_ranui_tabs_index.md.CkEcQ38o.lean.js
+++ b/assets/src_ranui_tabs_index.md.Y_dSHlvB.lean.js
@@ -1,4 +1,4 @@
-import{_ as t,o as h,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"Tab","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/tabs/index.md","filePath":"src/ranui/tabs/index.md","lastUpdated":1728129125000}'),n={name:"src/ranui/tabs/index.md"};function k(e,a,p,E,r,d){return h(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="tab" tabindex="-1">Tab <a class="header-anchor" href="#tab" aria-label="Permalink to &quot;Tab&quot;">​</a></h1><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-tabs><r-tab label="tab1">tab1</r-tab><r-tab label="tab2">tab2</r-tab><r-tab label="tab3">tab3</r-tab></r-tabs><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+import{_ as t,o as h,c as l,a3 as i,j as s}from"./chunks/framework.eq-HTtE3.js";const b=JSON.parse('{"title":"Tab","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranui/tabs/index.md","filePath":"src/ranui/tabs/index.md","lastUpdated":1728129344000}'),n={name:"src/ranui/tabs/index.md"};function k(e,a,p,E,r,d){return h(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i(`<h1 id="tab" tabindex="-1">Tab <a class="header-anchor" href="#tab" aria-label="Permalink to &quot;Tab&quot;">​</a></h1><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-tabs><r-tab label="tab1">tab1</r-tab><r-tab label="tab2">tab2</r-tab><r-tab label="tab3">tab3</r-tab></r-tabs><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;tab1&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab2&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;tab2&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab3&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;tab3&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
diff --git a/assets/src_ranuts_binaryTree_index.md.DvglfkNJ.js b/assets/src_ranuts_binaryTree_index.md.TEku7NN9.js
similarity index 99%
rename from assets/src_ranuts_binaryTree_index.md.DvglfkNJ.js
rename to assets/src_ranuts_binaryTree_index.md.TEku7NN9.js
index d85cc0762a..46c3a79ccf 100644
--- a/assets/src_ranuts_binaryTree_index.md.DvglfkNJ.js
+++ b/assets/src_ranuts_binaryTree_index.md.TEku7NN9.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/balanceTree.CCEoBiag.js";import{_ as r,o as i,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"二叉树的定义","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/binaryTree/index.md","filePath":"src/ranuts/binaryTree/index.md","lastUpdated":1728129125000}'),l={name:"src/ranuts/binaryTree/index.md"};function o(n,a,d,s,c,u){return i(),t("div",{"data-pagefind-body":!0},a[0]||(a[0]=[h('<h1 id="二叉树的定义" tabindex="-1">二叉树的定义 <a class="header-anchor" href="#二叉树的定义" aria-label="Permalink to &quot;二叉树的定义&quot;">​</a></h1><p>在计算机科学中，二叉树（Binary tree）是每个节点最多只有两个分支（即不存在分支度大于 2 的节点）的树结构。通常分支被称作“左子树”或“右子树”。二叉树的分支具有左右次序，不能随意颠倒<a href="#参考文档"><sup>[1]</sup></a>。。</p><h1 id="二叉树的性质" tabindex="-1">二叉树的性质 <a class="header-anchor" href="#二叉树的性质" aria-label="Permalink to &quot;二叉树的性质&quot;">​</a></h1><ul><li>在二叉树的第 i 层上最多有 2^(i-1)个结点（i&gt;=1）</li><li>深度为 h 的二叉树，最多有 2^h-1 个结点，最少有 h 个结点（h&gt;=1）</li><li>包含 n 个结点的二叉树的高度至少为(log2n)+1</li><li>非空的二叉树，分支度为 0 的总数为 n0，分支度为 2 的总数为 n2，则 n0=n2+1</li><li>二叉树的总结点数 n = n1 + n2 + n0</li><li>总连线数等于总节点数减一(B = n - 1)</li><li>总连线数等于分支度为 2 的节点的两倍加上分支度为 1 的节点(B = n2 _ 2 + n1 _ 1)</li></ul><h1 id="二叉树的类型" tabindex="-1">二叉树的类型 <a class="header-anchor" href="#二叉树的类型" aria-label="Permalink to &quot;二叉树的类型&quot;">​</a></h1><h2 id="满二叉树" tabindex="-1">满二叉树 <a class="header-anchor" href="#满二叉树" aria-label="Permalink to &quot;满二叉树&quot;">​</a></h2><p>一棵深度为 k 且有 2k-1 个节点的二叉树称为满二叉树。 除最后一层无任何子节点外，每一层上的所有结点都有两个子结点的二叉树<a href="#参考文档"><sup>[2]</sup></a>。</p><h2 id="完全二叉树" tabindex="-1">完全二叉树 <a class="header-anchor" href="#完全二叉树" aria-label="Permalink to &quot;完全二叉树&quot;">​</a></h2><p>一棵深度为 k 的有 n 个结点的二叉树，对树中的结点按从上至下、从左到右的顺序进行编号，如果编号为 i（1≤i≤n）的结点与满二叉树中编号为 i 的结点在二叉树中的位置相同，则这棵二叉树称为完全二叉树。</p><h2 id="二叉搜索树" tabindex="-1">二叉搜索树 <a class="header-anchor" href="#二叉搜索树" aria-label="Permalink to &quot;二叉搜索树&quot;">​</a></h2><p>二叉搜索树（BST）又称二叉查找树或二叉排序树。它或者是一棵空树，或者是具有下列性质的二叉树： 若它的左子树不空，则左子树上所有结点的值均小于它的根结点的值； 若它的右子树不空，则右子树上所有结点的值均大于它的根结点的值； 它的左、右子树也分别为二叉排序树。</p><h2 id="平衡二叉树" tabindex="-1">平衡二叉树 <a class="header-anchor" href="#平衡二叉树" aria-label="Permalink to &quot;平衡二叉树&quot;">​</a></h2><p>平衡二叉树(AVL)一定是二叉搜索树，且左子树和右子树的高度差的绝对值不超过 1。 <img src="'+e+'" alt="平衡二叉树"></p><h2 id="b-树" tabindex="-1">B 树 <a class="header-anchor" href="#b-树" aria-label="Permalink to &quot;B 树&quot;">​</a></h2><p>B 树属于多叉树又名平衡多路查找树（查找路径不只两个）</p><h2 id="b-树-1" tabindex="-1">B+树 <a class="header-anchor" href="#b-树-1" aria-label="Permalink to &quot;B+树&quot;">​</a></h2><p>B+树是 B 树的变体，也是一种多路搜索树。</p><h2 id="b-树-2" tabindex="-1">B*树 <a class="header-anchor" href="#b-树-2" aria-label="Permalink to &quot;B\\*树&quot;">​</a></h2><p>B* 树是 B+树的变体，在 B+树的非根和非叶子结点再增加指向兄弟的指针；B* 树定义了非叶子结点关键字个数至少为(2/3)<em>M，即块的最低使用率为 2/3（代替 B+树的 1/2）。B</em> 树分配新结点的概率比 B+树要低，空间使用率更高；</p><h2 id="红黑树" tabindex="-1">红黑树 <a class="header-anchor" href="#红黑树" aria-label="Permalink to &quot;红黑树&quot;">​</a></h2><p>红黑树是一种平衡二叉查找树的变体，它的左右子树高差有可能大于 1，所以红黑树不是严格意义上的平衡二叉树（AVL），但对它进行平衡的代价较低， 其平均统计性能要强于 AVL 。</p><h2 id="堆" tabindex="-1">堆 <a class="header-anchor" href="#堆" aria-label="Permalink to &quot;堆&quot;">​</a></h2><h1 id="遍历" tabindex="-1">遍历 <a class="header-anchor" href="#遍历" aria-label="Permalink to &quot;遍历&quot;">​</a></h1><h2 id="前序遍历" tabindex="-1">前序遍历 <a class="header-anchor" href="#前序遍历" aria-label="Permalink to &quot;前序遍历&quot;">​</a></h2><h2 id="后序遍历" tabindex="-1">后序遍历 <a class="header-anchor" href="#后序遍历" aria-label="Permalink to &quot;后序遍历&quot;">​</a></h2><h2 id="中序遍历" tabindex="-1">中序遍历 <a class="header-anchor" href="#中序遍历" aria-label="Permalink to &quot;中序遍历&quot;">​</a></h2><h2 id="层序遍历" tabindex="-1">层序遍历 <a class="header-anchor" href="#层序遍历" aria-label="Permalink to &quot;层序遍历&quot;">​</a></h2><h1 id="常见算法题" tabindex="-1">常见算法题 <a class="header-anchor" href="#常见算法题" aria-label="Permalink to &quot;常见算法题&quot;">​</a></h1><h2 id="镜像二叉树" tabindex="-1">镜像二叉树 <a class="header-anchor" href="#镜像二叉树" aria-label="Permalink to &quot;镜像二叉树&quot;">​</a></h2><h2 id="重建二叉树" tabindex="-1">重建二叉树 <a class="header-anchor" href="#重建二叉树" aria-label="Permalink to &quot;重建二叉树&quot;">​</a></h2><h2 id="二叉树深度" tabindex="-1">二叉树深度 <a class="header-anchor" href="#二叉树深度" aria-label="Permalink to &quot;二叉树深度&quot;">​</a></h2><h2 id="二叉树节点总数" tabindex="-1">二叉树节点总数 <a class="header-anchor" href="#二叉树节点总数" aria-label="Permalink to &quot;二叉树节点总数&quot;">​</a></h2><h2 id="判断二叉树子结构" tabindex="-1">判断二叉树子结构 <a class="header-anchor" href="#判断二叉树子结构" aria-label="Permalink to &quot;判断二叉树子结构&quot;">​</a></h2><p>输入两棵二叉树 A 和 B，判断 B 是不是 A 的子结构。（ps：约定空树不是任意一个树的子结构）</p><h1 id="参考文档" tabindex="-1">参考文档 <a class="header-anchor" href="#参考文档" aria-label="Permalink to &quot;参考文档&quot;">​</a></h1><ol><li><a href="https://zh.wikipedia.org/wiki/%E4%BA%8C%E5%8F%89%E6%A0%91" target="_blank" rel="noreferrer">维基百科二叉树</a></li><li><a href="https://baike.baidu.com/item/%E6%BB%A1%E4%BA%8C%E5%8F%89%E6%A0%91/7773283" target="_blank" rel="noreferrer">百度百科满二叉树</a></li></ol>',36)]))}const m=r(l,[["render",o]]);export{p as __pageData,m as default};
+import{_ as e}from"./chunks/balanceTree.CCEoBiag.js";import{_ as r,o as i,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"二叉树的定义","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/binaryTree/index.md","filePath":"src/ranuts/binaryTree/index.md","lastUpdated":1728129344000}'),l={name:"src/ranuts/binaryTree/index.md"};function o(n,a,d,s,c,u){return i(),t("div",{"data-pagefind-body":!0},a[0]||(a[0]=[h('<h1 id="二叉树的定义" tabindex="-1">二叉树的定义 <a class="header-anchor" href="#二叉树的定义" aria-label="Permalink to &quot;二叉树的定义&quot;">​</a></h1><p>在计算机科学中，二叉树（Binary tree）是每个节点最多只有两个分支（即不存在分支度大于 2 的节点）的树结构。通常分支被称作“左子树”或“右子树”。二叉树的分支具有左右次序，不能随意颠倒<a href="#参考文档"><sup>[1]</sup></a>。。</p><h1 id="二叉树的性质" tabindex="-1">二叉树的性质 <a class="header-anchor" href="#二叉树的性质" aria-label="Permalink to &quot;二叉树的性质&quot;">​</a></h1><ul><li>在二叉树的第 i 层上最多有 2^(i-1)个结点（i&gt;=1）</li><li>深度为 h 的二叉树，最多有 2^h-1 个结点，最少有 h 个结点（h&gt;=1）</li><li>包含 n 个结点的二叉树的高度至少为(log2n)+1</li><li>非空的二叉树，分支度为 0 的总数为 n0，分支度为 2 的总数为 n2，则 n0=n2+1</li><li>二叉树的总结点数 n = n1 + n2 + n0</li><li>总连线数等于总节点数减一(B = n - 1)</li><li>总连线数等于分支度为 2 的节点的两倍加上分支度为 1 的节点(B = n2 _ 2 + n1 _ 1)</li></ul><h1 id="二叉树的类型" tabindex="-1">二叉树的类型 <a class="header-anchor" href="#二叉树的类型" aria-label="Permalink to &quot;二叉树的类型&quot;">​</a></h1><h2 id="满二叉树" tabindex="-1">满二叉树 <a class="header-anchor" href="#满二叉树" aria-label="Permalink to &quot;满二叉树&quot;">​</a></h2><p>一棵深度为 k 且有 2k-1 个节点的二叉树称为满二叉树。 除最后一层无任何子节点外，每一层上的所有结点都有两个子结点的二叉树<a href="#参考文档"><sup>[2]</sup></a>。</p><h2 id="完全二叉树" tabindex="-1">完全二叉树 <a class="header-anchor" href="#完全二叉树" aria-label="Permalink to &quot;完全二叉树&quot;">​</a></h2><p>一棵深度为 k 的有 n 个结点的二叉树，对树中的结点按从上至下、从左到右的顺序进行编号，如果编号为 i（1≤i≤n）的结点与满二叉树中编号为 i 的结点在二叉树中的位置相同，则这棵二叉树称为完全二叉树。</p><h2 id="二叉搜索树" tabindex="-1">二叉搜索树 <a class="header-anchor" href="#二叉搜索树" aria-label="Permalink to &quot;二叉搜索树&quot;">​</a></h2><p>二叉搜索树（BST）又称二叉查找树或二叉排序树。它或者是一棵空树，或者是具有下列性质的二叉树： 若它的左子树不空，则左子树上所有结点的值均小于它的根结点的值； 若它的右子树不空，则右子树上所有结点的值均大于它的根结点的值； 它的左、右子树也分别为二叉排序树。</p><h2 id="平衡二叉树" tabindex="-1">平衡二叉树 <a class="header-anchor" href="#平衡二叉树" aria-label="Permalink to &quot;平衡二叉树&quot;">​</a></h2><p>平衡二叉树(AVL)一定是二叉搜索树，且左子树和右子树的高度差的绝对值不超过 1。 <img src="'+e+'" alt="平衡二叉树"></p><h2 id="b-树" tabindex="-1">B 树 <a class="header-anchor" href="#b-树" aria-label="Permalink to &quot;B 树&quot;">​</a></h2><p>B 树属于多叉树又名平衡多路查找树（查找路径不只两个）</p><h2 id="b-树-1" tabindex="-1">B+树 <a class="header-anchor" href="#b-树-1" aria-label="Permalink to &quot;B+树&quot;">​</a></h2><p>B+树是 B 树的变体，也是一种多路搜索树。</p><h2 id="b-树-2" tabindex="-1">B*树 <a class="header-anchor" href="#b-树-2" aria-label="Permalink to &quot;B\\*树&quot;">​</a></h2><p>B* 树是 B+树的变体，在 B+树的非根和非叶子结点再增加指向兄弟的指针；B* 树定义了非叶子结点关键字个数至少为(2/3)<em>M，即块的最低使用率为 2/3（代替 B+树的 1/2）。B</em> 树分配新结点的概率比 B+树要低，空间使用率更高；</p><h2 id="红黑树" tabindex="-1">红黑树 <a class="header-anchor" href="#红黑树" aria-label="Permalink to &quot;红黑树&quot;">​</a></h2><p>红黑树是一种平衡二叉查找树的变体，它的左右子树高差有可能大于 1，所以红黑树不是严格意义上的平衡二叉树（AVL），但对它进行平衡的代价较低， 其平均统计性能要强于 AVL 。</p><h2 id="堆" tabindex="-1">堆 <a class="header-anchor" href="#堆" aria-label="Permalink to &quot;堆&quot;">​</a></h2><h1 id="遍历" tabindex="-1">遍历 <a class="header-anchor" href="#遍历" aria-label="Permalink to &quot;遍历&quot;">​</a></h1><h2 id="前序遍历" tabindex="-1">前序遍历 <a class="header-anchor" href="#前序遍历" aria-label="Permalink to &quot;前序遍历&quot;">​</a></h2><h2 id="后序遍历" tabindex="-1">后序遍历 <a class="header-anchor" href="#后序遍历" aria-label="Permalink to &quot;后序遍历&quot;">​</a></h2><h2 id="中序遍历" tabindex="-1">中序遍历 <a class="header-anchor" href="#中序遍历" aria-label="Permalink to &quot;中序遍历&quot;">​</a></h2><h2 id="层序遍历" tabindex="-1">层序遍历 <a class="header-anchor" href="#层序遍历" aria-label="Permalink to &quot;层序遍历&quot;">​</a></h2><h1 id="常见算法题" tabindex="-1">常见算法题 <a class="header-anchor" href="#常见算法题" aria-label="Permalink to &quot;常见算法题&quot;">​</a></h1><h2 id="镜像二叉树" tabindex="-1">镜像二叉树 <a class="header-anchor" href="#镜像二叉树" aria-label="Permalink to &quot;镜像二叉树&quot;">​</a></h2><h2 id="重建二叉树" tabindex="-1">重建二叉树 <a class="header-anchor" href="#重建二叉树" aria-label="Permalink to &quot;重建二叉树&quot;">​</a></h2><h2 id="二叉树深度" tabindex="-1">二叉树深度 <a class="header-anchor" href="#二叉树深度" aria-label="Permalink to &quot;二叉树深度&quot;">​</a></h2><h2 id="二叉树节点总数" tabindex="-1">二叉树节点总数 <a class="header-anchor" href="#二叉树节点总数" aria-label="Permalink to &quot;二叉树节点总数&quot;">​</a></h2><h2 id="判断二叉树子结构" tabindex="-1">判断二叉树子结构 <a class="header-anchor" href="#判断二叉树子结构" aria-label="Permalink to &quot;判断二叉树子结构&quot;">​</a></h2><p>输入两棵二叉树 A 和 B，判断 B 是不是 A 的子结构。（ps：约定空树不是任意一个树的子结构）</p><h1 id="参考文档" tabindex="-1">参考文档 <a class="header-anchor" href="#参考文档" aria-label="Permalink to &quot;参考文档&quot;">​</a></h1><ol><li><a href="https://zh.wikipedia.org/wiki/%E4%BA%8C%E5%8F%89%E6%A0%91" target="_blank" rel="noreferrer">维基百科二叉树</a></li><li><a href="https://baike.baidu.com/item/%E6%BB%A1%E4%BA%8C%E5%8F%89%E6%A0%91/7773283" target="_blank" rel="noreferrer">百度百科满二叉树</a></li></ol>',36)]))}const m=r(l,[["render",o]]);export{p as __pageData,m as default};
diff --git a/assets/src_ranuts_binaryTree_index.md.DvglfkNJ.lean.js b/assets/src_ranuts_binaryTree_index.md.TEku7NN9.lean.js
similarity index 99%
rename from assets/src_ranuts_binaryTree_index.md.DvglfkNJ.lean.js
rename to assets/src_ranuts_binaryTree_index.md.TEku7NN9.lean.js
index d85cc0762a..46c3a79ccf 100644
--- a/assets/src_ranuts_binaryTree_index.md.DvglfkNJ.lean.js
+++ b/assets/src_ranuts_binaryTree_index.md.TEku7NN9.lean.js
@@ -1 +1 @@
-import{_ as e}from"./chunks/balanceTree.CCEoBiag.js";import{_ as r,o as i,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"二叉树的定义","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/binaryTree/index.md","filePath":"src/ranuts/binaryTree/index.md","lastUpdated":1728129125000}'),l={name:"src/ranuts/binaryTree/index.md"};function o(n,a,d,s,c,u){return i(),t("div",{"data-pagefind-body":!0},a[0]||(a[0]=[h('<h1 id="二叉树的定义" tabindex="-1">二叉树的定义 <a class="header-anchor" href="#二叉树的定义" aria-label="Permalink to &quot;二叉树的定义&quot;">​</a></h1><p>在计算机科学中，二叉树（Binary tree）是每个节点最多只有两个分支（即不存在分支度大于 2 的节点）的树结构。通常分支被称作“左子树”或“右子树”。二叉树的分支具有左右次序，不能随意颠倒<a href="#参考文档"><sup>[1]</sup></a>。。</p><h1 id="二叉树的性质" tabindex="-1">二叉树的性质 <a class="header-anchor" href="#二叉树的性质" aria-label="Permalink to &quot;二叉树的性质&quot;">​</a></h1><ul><li>在二叉树的第 i 层上最多有 2^(i-1)个结点（i&gt;=1）</li><li>深度为 h 的二叉树，最多有 2^h-1 个结点，最少有 h 个结点（h&gt;=1）</li><li>包含 n 个结点的二叉树的高度至少为(log2n)+1</li><li>非空的二叉树，分支度为 0 的总数为 n0，分支度为 2 的总数为 n2，则 n0=n2+1</li><li>二叉树的总结点数 n = n1 + n2 + n0</li><li>总连线数等于总节点数减一(B = n - 1)</li><li>总连线数等于分支度为 2 的节点的两倍加上分支度为 1 的节点(B = n2 _ 2 + n1 _ 1)</li></ul><h1 id="二叉树的类型" tabindex="-1">二叉树的类型 <a class="header-anchor" href="#二叉树的类型" aria-label="Permalink to &quot;二叉树的类型&quot;">​</a></h1><h2 id="满二叉树" tabindex="-1">满二叉树 <a class="header-anchor" href="#满二叉树" aria-label="Permalink to &quot;满二叉树&quot;">​</a></h2><p>一棵深度为 k 且有 2k-1 个节点的二叉树称为满二叉树。 除最后一层无任何子节点外，每一层上的所有结点都有两个子结点的二叉树<a href="#参考文档"><sup>[2]</sup></a>。</p><h2 id="完全二叉树" tabindex="-1">完全二叉树 <a class="header-anchor" href="#完全二叉树" aria-label="Permalink to &quot;完全二叉树&quot;">​</a></h2><p>一棵深度为 k 的有 n 个结点的二叉树，对树中的结点按从上至下、从左到右的顺序进行编号，如果编号为 i（1≤i≤n）的结点与满二叉树中编号为 i 的结点在二叉树中的位置相同，则这棵二叉树称为完全二叉树。</p><h2 id="二叉搜索树" tabindex="-1">二叉搜索树 <a class="header-anchor" href="#二叉搜索树" aria-label="Permalink to &quot;二叉搜索树&quot;">​</a></h2><p>二叉搜索树（BST）又称二叉查找树或二叉排序树。它或者是一棵空树，或者是具有下列性质的二叉树： 若它的左子树不空，则左子树上所有结点的值均小于它的根结点的值； 若它的右子树不空，则右子树上所有结点的值均大于它的根结点的值； 它的左、右子树也分别为二叉排序树。</p><h2 id="平衡二叉树" tabindex="-1">平衡二叉树 <a class="header-anchor" href="#平衡二叉树" aria-label="Permalink to &quot;平衡二叉树&quot;">​</a></h2><p>平衡二叉树(AVL)一定是二叉搜索树，且左子树和右子树的高度差的绝对值不超过 1。 <img src="'+e+'" alt="平衡二叉树"></p><h2 id="b-树" tabindex="-1">B 树 <a class="header-anchor" href="#b-树" aria-label="Permalink to &quot;B 树&quot;">​</a></h2><p>B 树属于多叉树又名平衡多路查找树（查找路径不只两个）</p><h2 id="b-树-1" tabindex="-1">B+树 <a class="header-anchor" href="#b-树-1" aria-label="Permalink to &quot;B+树&quot;">​</a></h2><p>B+树是 B 树的变体，也是一种多路搜索树。</p><h2 id="b-树-2" tabindex="-1">B*树 <a class="header-anchor" href="#b-树-2" aria-label="Permalink to &quot;B\\*树&quot;">​</a></h2><p>B* 树是 B+树的变体，在 B+树的非根和非叶子结点再增加指向兄弟的指针；B* 树定义了非叶子结点关键字个数至少为(2/3)<em>M，即块的最低使用率为 2/3（代替 B+树的 1/2）。B</em> 树分配新结点的概率比 B+树要低，空间使用率更高；</p><h2 id="红黑树" tabindex="-1">红黑树 <a class="header-anchor" href="#红黑树" aria-label="Permalink to &quot;红黑树&quot;">​</a></h2><p>红黑树是一种平衡二叉查找树的变体，它的左右子树高差有可能大于 1，所以红黑树不是严格意义上的平衡二叉树（AVL），但对它进行平衡的代价较低， 其平均统计性能要强于 AVL 。</p><h2 id="堆" tabindex="-1">堆 <a class="header-anchor" href="#堆" aria-label="Permalink to &quot;堆&quot;">​</a></h2><h1 id="遍历" tabindex="-1">遍历 <a class="header-anchor" href="#遍历" aria-label="Permalink to &quot;遍历&quot;">​</a></h1><h2 id="前序遍历" tabindex="-1">前序遍历 <a class="header-anchor" href="#前序遍历" aria-label="Permalink to &quot;前序遍历&quot;">​</a></h2><h2 id="后序遍历" tabindex="-1">后序遍历 <a class="header-anchor" href="#后序遍历" aria-label="Permalink to &quot;后序遍历&quot;">​</a></h2><h2 id="中序遍历" tabindex="-1">中序遍历 <a class="header-anchor" href="#中序遍历" aria-label="Permalink to &quot;中序遍历&quot;">​</a></h2><h2 id="层序遍历" tabindex="-1">层序遍历 <a class="header-anchor" href="#层序遍历" aria-label="Permalink to &quot;层序遍历&quot;">​</a></h2><h1 id="常见算法题" tabindex="-1">常见算法题 <a class="header-anchor" href="#常见算法题" aria-label="Permalink to &quot;常见算法题&quot;">​</a></h1><h2 id="镜像二叉树" tabindex="-1">镜像二叉树 <a class="header-anchor" href="#镜像二叉树" aria-label="Permalink to &quot;镜像二叉树&quot;">​</a></h2><h2 id="重建二叉树" tabindex="-1">重建二叉树 <a class="header-anchor" href="#重建二叉树" aria-label="Permalink to &quot;重建二叉树&quot;">​</a></h2><h2 id="二叉树深度" tabindex="-1">二叉树深度 <a class="header-anchor" href="#二叉树深度" aria-label="Permalink to &quot;二叉树深度&quot;">​</a></h2><h2 id="二叉树节点总数" tabindex="-1">二叉树节点总数 <a class="header-anchor" href="#二叉树节点总数" aria-label="Permalink to &quot;二叉树节点总数&quot;">​</a></h2><h2 id="判断二叉树子结构" tabindex="-1">判断二叉树子结构 <a class="header-anchor" href="#判断二叉树子结构" aria-label="Permalink to &quot;判断二叉树子结构&quot;">​</a></h2><p>输入两棵二叉树 A 和 B，判断 B 是不是 A 的子结构。（ps：约定空树不是任意一个树的子结构）</p><h1 id="参考文档" tabindex="-1">参考文档 <a class="header-anchor" href="#参考文档" aria-label="Permalink to &quot;参考文档&quot;">​</a></h1><ol><li><a href="https://zh.wikipedia.org/wiki/%E4%BA%8C%E5%8F%89%E6%A0%91" target="_blank" rel="noreferrer">维基百科二叉树</a></li><li><a href="https://baike.baidu.com/item/%E6%BB%A1%E4%BA%8C%E5%8F%89%E6%A0%91/7773283" target="_blank" rel="noreferrer">百度百科满二叉树</a></li></ol>',36)]))}const m=r(l,[["render",o]]);export{p as __pageData,m as default};
+import{_ as e}from"./chunks/balanceTree.CCEoBiag.js";import{_ as r,o as i,c as t,a3 as h}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"二叉树的定义","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/binaryTree/index.md","filePath":"src/ranuts/binaryTree/index.md","lastUpdated":1728129344000}'),l={name:"src/ranuts/binaryTree/index.md"};function o(n,a,d,s,c,u){return i(),t("div",{"data-pagefind-body":!0},a[0]||(a[0]=[h('<h1 id="二叉树的定义" tabindex="-1">二叉树的定义 <a class="header-anchor" href="#二叉树的定义" aria-label="Permalink to &quot;二叉树的定义&quot;">​</a></h1><p>在计算机科学中，二叉树（Binary tree）是每个节点最多只有两个分支（即不存在分支度大于 2 的节点）的树结构。通常分支被称作“左子树”或“右子树”。二叉树的分支具有左右次序，不能随意颠倒<a href="#参考文档"><sup>[1]</sup></a>。。</p><h1 id="二叉树的性质" tabindex="-1">二叉树的性质 <a class="header-anchor" href="#二叉树的性质" aria-label="Permalink to &quot;二叉树的性质&quot;">​</a></h1><ul><li>在二叉树的第 i 层上最多有 2^(i-1)个结点（i&gt;=1）</li><li>深度为 h 的二叉树，最多有 2^h-1 个结点，最少有 h 个结点（h&gt;=1）</li><li>包含 n 个结点的二叉树的高度至少为(log2n)+1</li><li>非空的二叉树，分支度为 0 的总数为 n0，分支度为 2 的总数为 n2，则 n0=n2+1</li><li>二叉树的总结点数 n = n1 + n2 + n0</li><li>总连线数等于总节点数减一(B = n - 1)</li><li>总连线数等于分支度为 2 的节点的两倍加上分支度为 1 的节点(B = n2 _ 2 + n1 _ 1)</li></ul><h1 id="二叉树的类型" tabindex="-1">二叉树的类型 <a class="header-anchor" href="#二叉树的类型" aria-label="Permalink to &quot;二叉树的类型&quot;">​</a></h1><h2 id="满二叉树" tabindex="-1">满二叉树 <a class="header-anchor" href="#满二叉树" aria-label="Permalink to &quot;满二叉树&quot;">​</a></h2><p>一棵深度为 k 且有 2k-1 个节点的二叉树称为满二叉树。 除最后一层无任何子节点外，每一层上的所有结点都有两个子结点的二叉树<a href="#参考文档"><sup>[2]</sup></a>。</p><h2 id="完全二叉树" tabindex="-1">完全二叉树 <a class="header-anchor" href="#完全二叉树" aria-label="Permalink to &quot;完全二叉树&quot;">​</a></h2><p>一棵深度为 k 的有 n 个结点的二叉树，对树中的结点按从上至下、从左到右的顺序进行编号，如果编号为 i（1≤i≤n）的结点与满二叉树中编号为 i 的结点在二叉树中的位置相同，则这棵二叉树称为完全二叉树。</p><h2 id="二叉搜索树" tabindex="-1">二叉搜索树 <a class="header-anchor" href="#二叉搜索树" aria-label="Permalink to &quot;二叉搜索树&quot;">​</a></h2><p>二叉搜索树（BST）又称二叉查找树或二叉排序树。它或者是一棵空树，或者是具有下列性质的二叉树： 若它的左子树不空，则左子树上所有结点的值均小于它的根结点的值； 若它的右子树不空，则右子树上所有结点的值均大于它的根结点的值； 它的左、右子树也分别为二叉排序树。</p><h2 id="平衡二叉树" tabindex="-1">平衡二叉树 <a class="header-anchor" href="#平衡二叉树" aria-label="Permalink to &quot;平衡二叉树&quot;">​</a></h2><p>平衡二叉树(AVL)一定是二叉搜索树，且左子树和右子树的高度差的绝对值不超过 1。 <img src="'+e+'" alt="平衡二叉树"></p><h2 id="b-树" tabindex="-1">B 树 <a class="header-anchor" href="#b-树" aria-label="Permalink to &quot;B 树&quot;">​</a></h2><p>B 树属于多叉树又名平衡多路查找树（查找路径不只两个）</p><h2 id="b-树-1" tabindex="-1">B+树 <a class="header-anchor" href="#b-树-1" aria-label="Permalink to &quot;B+树&quot;">​</a></h2><p>B+树是 B 树的变体，也是一种多路搜索树。</p><h2 id="b-树-2" tabindex="-1">B*树 <a class="header-anchor" href="#b-树-2" aria-label="Permalink to &quot;B\\*树&quot;">​</a></h2><p>B* 树是 B+树的变体，在 B+树的非根和非叶子结点再增加指向兄弟的指针；B* 树定义了非叶子结点关键字个数至少为(2/3)<em>M，即块的最低使用率为 2/3（代替 B+树的 1/2）。B</em> 树分配新结点的概率比 B+树要低，空间使用率更高；</p><h2 id="红黑树" tabindex="-1">红黑树 <a class="header-anchor" href="#红黑树" aria-label="Permalink to &quot;红黑树&quot;">​</a></h2><p>红黑树是一种平衡二叉查找树的变体，它的左右子树高差有可能大于 1，所以红黑树不是严格意义上的平衡二叉树（AVL），但对它进行平衡的代价较低， 其平均统计性能要强于 AVL 。</p><h2 id="堆" tabindex="-1">堆 <a class="header-anchor" href="#堆" aria-label="Permalink to &quot;堆&quot;">​</a></h2><h1 id="遍历" tabindex="-1">遍历 <a class="header-anchor" href="#遍历" aria-label="Permalink to &quot;遍历&quot;">​</a></h1><h2 id="前序遍历" tabindex="-1">前序遍历 <a class="header-anchor" href="#前序遍历" aria-label="Permalink to &quot;前序遍历&quot;">​</a></h2><h2 id="后序遍历" tabindex="-1">后序遍历 <a class="header-anchor" href="#后序遍历" aria-label="Permalink to &quot;后序遍历&quot;">​</a></h2><h2 id="中序遍历" tabindex="-1">中序遍历 <a class="header-anchor" href="#中序遍历" aria-label="Permalink to &quot;中序遍历&quot;">​</a></h2><h2 id="层序遍历" tabindex="-1">层序遍历 <a class="header-anchor" href="#层序遍历" aria-label="Permalink to &quot;层序遍历&quot;">​</a></h2><h1 id="常见算法题" tabindex="-1">常见算法题 <a class="header-anchor" href="#常见算法题" aria-label="Permalink to &quot;常见算法题&quot;">​</a></h1><h2 id="镜像二叉树" tabindex="-1">镜像二叉树 <a class="header-anchor" href="#镜像二叉树" aria-label="Permalink to &quot;镜像二叉树&quot;">​</a></h2><h2 id="重建二叉树" tabindex="-1">重建二叉树 <a class="header-anchor" href="#重建二叉树" aria-label="Permalink to &quot;重建二叉树&quot;">​</a></h2><h2 id="二叉树深度" tabindex="-1">二叉树深度 <a class="header-anchor" href="#二叉树深度" aria-label="Permalink to &quot;二叉树深度&quot;">​</a></h2><h2 id="二叉树节点总数" tabindex="-1">二叉树节点总数 <a class="header-anchor" href="#二叉树节点总数" aria-label="Permalink to &quot;二叉树节点总数&quot;">​</a></h2><h2 id="判断二叉树子结构" tabindex="-1">判断二叉树子结构 <a class="header-anchor" href="#判断二叉树子结构" aria-label="Permalink to &quot;判断二叉树子结构&quot;">​</a></h2><p>输入两棵二叉树 A 和 B，判断 B 是不是 A 的子结构。（ps：约定空树不是任意一个树的子结构）</p><h1 id="参考文档" tabindex="-1">参考文档 <a class="header-anchor" href="#参考文档" aria-label="Permalink to &quot;参考文档&quot;">​</a></h1><ol><li><a href="https://zh.wikipedia.org/wiki/%E4%BA%8C%E5%8F%89%E6%A0%91" target="_blank" rel="noreferrer">维基百科二叉树</a></li><li><a href="https://baike.baidu.com/item/%E6%BB%A1%E4%BA%8C%E5%8F%89%E6%A0%91/7773283" target="_blank" rel="noreferrer">百度百科满二叉树</a></li></ol>',36)]))}const m=r(l,[["render",o]]);export{p as __pageData,m as default};
diff --git a/assets/src_ranuts_bundler_index.md.D3F9791C.js b/assets/src_ranuts_bundler_index.md.DzEPrDNS.js
similarity index 96%
rename from assets/src_ranuts_bundler_index.md.D3F9791C.js
rename to assets/src_ranuts_bundler_index.md.DzEPrDNS.js
index f74f3cd72f..7a53fed8e3 100644
--- a/assets/src_ranuts_bundler_index.md.D3F9791C.js
+++ b/assets/src_ranuts_bundler_index.md.DzEPrDNS.js
@@ -1,4 +1,4 @@
-import{_ as s}from"./chunks/bundle.BxrzsuA1.js";import{_ as a,o as e,c as p,a3 as t}from"./chunks/framework.eq-HTtE3.js";const h=JSON.parse('{"title":"Bundler","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/bundler/index.md","filePath":"src/ranuts/bundler/index.md","lastUpdated":1728129125000}'),l={name:"src/ranuts/bundler/index.md"};function r(i,n,d,o,c,u){return e(),p("div",{"data-pagefind-body":!0},n[0]||(n[0]=[t(`<h1 id="bundler" tabindex="-1">Bundler <a class="header-anchor" href="#bundler" aria-label="Permalink to &quot;Bundler&quot;">​</a></h1><p><code>Bundler</code>的使用： 传入 options 参数</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>function build(options: Options):Promise&lt;Build&gt; {</span></span>
+import{_ as s}from"./chunks/bundle.BxrzsuA1.js";import{_ as a,o as e,c as p,a3 as t}from"./chunks/framework.eq-HTtE3.js";const h=JSON.parse('{"title":"Bundler","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/bundler/index.md","filePath":"src/ranuts/bundler/index.md","lastUpdated":1728129344000}'),l={name:"src/ranuts/bundler/index.md"};function r(i,n,d,o,c,u){return e(),p("div",{"data-pagefind-body":!0},n[0]||(n[0]=[t(`<h1 id="bundler" tabindex="-1">Bundler <a class="header-anchor" href="#bundler" aria-label="Permalink to &quot;Bundler&quot;">​</a></h1><p><code>Bundler</code>的使用： 传入 options 参数</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>function build(options: Options):Promise&lt;Build&gt; {</span></span>
 <span class="line"><span>  const bundle = new Bundle({</span></span>
 <span class="line"><span>    entry: options.input</span></span>
 <span class="line"><span>  });</span></span>
diff --git a/assets/src_ranuts_bundler_index.md.D3F9791C.lean.js b/assets/src_ranuts_bundler_index.md.DzEPrDNS.lean.js
similarity index 96%
rename from assets/src_ranuts_bundler_index.md.D3F9791C.lean.js
rename to assets/src_ranuts_bundler_index.md.DzEPrDNS.lean.js
index f74f3cd72f..7a53fed8e3 100644
--- a/assets/src_ranuts_bundler_index.md.D3F9791C.lean.js
+++ b/assets/src_ranuts_bundler_index.md.DzEPrDNS.lean.js
@@ -1,4 +1,4 @@
-import{_ as s}from"./chunks/bundle.BxrzsuA1.js";import{_ as a,o as e,c as p,a3 as t}from"./chunks/framework.eq-HTtE3.js";const h=JSON.parse('{"title":"Bundler","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/bundler/index.md","filePath":"src/ranuts/bundler/index.md","lastUpdated":1728129125000}'),l={name:"src/ranuts/bundler/index.md"};function r(i,n,d,o,c,u){return e(),p("div",{"data-pagefind-body":!0},n[0]||(n[0]=[t(`<h1 id="bundler" tabindex="-1">Bundler <a class="header-anchor" href="#bundler" aria-label="Permalink to &quot;Bundler&quot;">​</a></h1><p><code>Bundler</code>的使用： 传入 options 参数</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>function build(options: Options):Promise&lt;Build&gt; {</span></span>
+import{_ as s}from"./chunks/bundle.BxrzsuA1.js";import{_ as a,o as e,c as p,a3 as t}from"./chunks/framework.eq-HTtE3.js";const h=JSON.parse('{"title":"Bundler","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/bundler/index.md","filePath":"src/ranuts/bundler/index.md","lastUpdated":1728129344000}'),l={name:"src/ranuts/bundler/index.md"};function r(i,n,d,o,c,u){return e(),p("div",{"data-pagefind-body":!0},n[0]||(n[0]=[t(`<h1 id="bundler" tabindex="-1">Bundler <a class="header-anchor" href="#bundler" aria-label="Permalink to &quot;Bundler&quot;">​</a></h1><p><code>Bundler</code>的使用： 传入 options 参数</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>function build(options: Options):Promise&lt;Build&gt; {</span></span>
 <span class="line"><span>  const bundle = new Bundle({</span></span>
 <span class="line"><span>    entry: options.input</span></span>
 <span class="line"><span>  });</span></span>
diff --git a/assets/src_ranuts_file_appendFile.md.CN41s_o-.js b/assets/src_ranuts_file_appendFile.md.1-6oJJ-H.js
similarity index 96%
rename from assets/src_ranuts_file_appendFile.md.CN41s_o-.js
rename to assets/src_ranuts_file_appendFile.md.1-6oJJ-H.js
index afffcafb04..f47ed2ad09 100644
--- a/assets/src_ranuts_file_appendFile.md.CN41s_o-.js
+++ b/assets/src_ranuts_file_appendFile.md.1-6oJJ-H.js
@@ -1 +1 @@
-import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"AppendFile","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/appendFile.md","filePath":"src/ranuts/file/appendFile.md","lastUpdated":1728129125000}'),n={name:"src/ranuts/file/appendFile.md"};function o(i,t,l,h,s,p){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="appendfile" tabindex="-1">AppendFile <a class="header-anchor" href="#appendfile" aria-label="Permalink to &quot;AppendFile&quot;">​</a></h1><p>追加一些数据到文件内</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否追加成功</td><td><code>boolean</code></td><td>true 追加成功 false 追加失败</td></tr><tr><td>data</td><td>追加失败的原因，添加成功后的文件内容</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const b=e(n,[["render",o]]);export{u as __pageData,b as default};
+import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"AppendFile","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/appendFile.md","filePath":"src/ranuts/file/appendFile.md","lastUpdated":1728129344000}'),n={name:"src/ranuts/file/appendFile.md"};function o(i,t,l,h,s,p){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="appendfile" tabindex="-1">AppendFile <a class="header-anchor" href="#appendfile" aria-label="Permalink to &quot;AppendFile&quot;">​</a></h1><p>追加一些数据到文件内</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否追加成功</td><td><code>boolean</code></td><td>true 追加成功 false 追加失败</td></tr><tr><td>data</td><td>追加失败的原因，添加成功后的文件内容</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const b=e(n,[["render",o]]);export{u as __pageData,b as default};
diff --git a/assets/src_ranuts_file_appendFile.md.CN41s_o-.lean.js b/assets/src_ranuts_file_appendFile.md.1-6oJJ-H.lean.js
similarity index 96%
rename from assets/src_ranuts_file_appendFile.md.CN41s_o-.lean.js
rename to assets/src_ranuts_file_appendFile.md.1-6oJJ-H.lean.js
index afffcafb04..f47ed2ad09 100644
--- a/assets/src_ranuts_file_appendFile.md.CN41s_o-.lean.js
+++ b/assets/src_ranuts_file_appendFile.md.1-6oJJ-H.lean.js
@@ -1 +1 @@
-import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"AppendFile","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/appendFile.md","filePath":"src/ranuts/file/appendFile.md","lastUpdated":1728129125000}'),n={name:"src/ranuts/file/appendFile.md"};function o(i,t,l,h,s,p){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="appendfile" tabindex="-1">AppendFile <a class="header-anchor" href="#appendfile" aria-label="Permalink to &quot;AppendFile&quot;">​</a></h1><p>追加一些数据到文件内</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否追加成功</td><td><code>boolean</code></td><td>true 追加成功 false 追加失败</td></tr><tr><td>data</td><td>追加失败的原因，添加成功后的文件内容</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const b=e(n,[["render",o]]);export{u as __pageData,b as default};
+import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"AppendFile","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/appendFile.md","filePath":"src/ranuts/file/appendFile.md","lastUpdated":1728129344000}'),n={name:"src/ranuts/file/appendFile.md"};function o(i,t,l,h,s,p){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="appendfile" tabindex="-1">AppendFile <a class="header-anchor" href="#appendfile" aria-label="Permalink to &quot;AppendFile&quot;">​</a></h1><p>追加一些数据到文件内</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否追加成功</td><td><code>boolean</code></td><td>true 追加成功 false 追加失败</td></tr><tr><td>data</td><td>追加失败的原因，添加成功后的文件内容</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const b=e(n,[["render",o]]);export{u as __pageData,b as default};
diff --git a/assets/src_ranuts_file_fileInfo.md.CZ2C_27B.js b/assets/src_ranuts_file_fileInfo.md.C2z4D1Q8.js
similarity index 96%
rename from assets/src_ranuts_file_fileInfo.md.CZ2C_27B.js
rename to assets/src_ranuts_file_fileInfo.md.C2z4D1Q8.js
index dbd734d9d9..c956c4931d 100644
--- a/assets/src_ranuts_file_fileInfo.md.CZ2C_27B.js
+++ b/assets/src_ranuts_file_fileInfo.md.C2z4D1Q8.js
@@ -1 +1 @@
-import{_ as e,o as a,c as r,a3 as d}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"QueryFileInfo","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/fileInfo.md","filePath":"src/ranuts/file/fileInfo.md","lastUpdated":1728129125000}'),o={name:"src/ranuts/file/fileInfo.md"};function i(n,t,l,h,s,c){return a(),r("div",{"data-pagefind-body":!0},t[0]||(t[0]=[d('<h1 id="queryfileinfo" tabindex="-1">QueryFileInfo <a class="header-anchor" href="#queryfileinfo" aria-label="Permalink to &quot;QueryFileInfo&quot;">​</a></h1><p>查询一个文件的详细信息，一般用于区分文件还是目录，可以通过返回的 data 来判断（data.isDirectory()）</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否检查成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>文件的信息，或者错误的原因</td><td><code>Stats</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要检查的文件路径</td><td><code>string</code></td><td>undefined</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const p=e(o,[["render",i]]);export{u as __pageData,p as default};
+import{_ as e,o as a,c as r,a3 as d}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"QueryFileInfo","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/fileInfo.md","filePath":"src/ranuts/file/fileInfo.md","lastUpdated":1728129344000}'),o={name:"src/ranuts/file/fileInfo.md"};function i(n,t,l,h,s,c){return a(),r("div",{"data-pagefind-body":!0},t[0]||(t[0]=[d('<h1 id="queryfileinfo" tabindex="-1">QueryFileInfo <a class="header-anchor" href="#queryfileinfo" aria-label="Permalink to &quot;QueryFileInfo&quot;">​</a></h1><p>查询一个文件的详细信息，一般用于区分文件还是目录，可以通过返回的 data 来判断（data.isDirectory()）</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否检查成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>文件的信息，或者错误的原因</td><td><code>Stats</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要检查的文件路径</td><td><code>string</code></td><td>undefined</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const p=e(o,[["render",i]]);export{u as __pageData,p as default};
diff --git a/assets/src_ranuts_file_fileInfo.md.CZ2C_27B.lean.js b/assets/src_ranuts_file_fileInfo.md.C2z4D1Q8.lean.js
similarity index 96%
rename from assets/src_ranuts_file_fileInfo.md.CZ2C_27B.lean.js
rename to assets/src_ranuts_file_fileInfo.md.C2z4D1Q8.lean.js
index dbd734d9d9..c956c4931d 100644
--- a/assets/src_ranuts_file_fileInfo.md.CZ2C_27B.lean.js
+++ b/assets/src_ranuts_file_fileInfo.md.C2z4D1Q8.lean.js
@@ -1 +1 @@
-import{_ as e,o as a,c as r,a3 as d}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"QueryFileInfo","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/fileInfo.md","filePath":"src/ranuts/file/fileInfo.md","lastUpdated":1728129125000}'),o={name:"src/ranuts/file/fileInfo.md"};function i(n,t,l,h,s,c){return a(),r("div",{"data-pagefind-body":!0},t[0]||(t[0]=[d('<h1 id="queryfileinfo" tabindex="-1">QueryFileInfo <a class="header-anchor" href="#queryfileinfo" aria-label="Permalink to &quot;QueryFileInfo&quot;">​</a></h1><p>查询一个文件的详细信息，一般用于区分文件还是目录，可以通过返回的 data 来判断（data.isDirectory()）</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否检查成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>文件的信息，或者错误的原因</td><td><code>Stats</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要检查的文件路径</td><td><code>string</code></td><td>undefined</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const p=e(o,[["render",i]]);export{u as __pageData,p as default};
+import{_ as e,o as a,c as r,a3 as d}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"QueryFileInfo","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/fileInfo.md","filePath":"src/ranuts/file/fileInfo.md","lastUpdated":1728129344000}'),o={name:"src/ranuts/file/fileInfo.md"};function i(n,t,l,h,s,c){return a(),r("div",{"data-pagefind-body":!0},t[0]||(t[0]=[d('<h1 id="queryfileinfo" tabindex="-1">QueryFileInfo <a class="header-anchor" href="#queryfileinfo" aria-label="Permalink to &quot;QueryFileInfo&quot;">​</a></h1><p>查询一个文件的详细信息，一般用于区分文件还是目录，可以通过返回的 data 来判断（data.isDirectory()）</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否检查成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>文件的信息，或者错误的原因</td><td><code>Stats</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要检查的文件路径</td><td><code>string</code></td><td>undefined</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const p=e(o,[["render",i]]);export{u as __pageData,p as default};
diff --git a/assets/src_ranuts_file_readDir.md.d3nM0oPh.js b/assets/src_ranuts_file_readDir.md.BvSC38m-.js
similarity index 96%
rename from assets/src_ranuts_file_readDir.md.d3nM0oPh.js
rename to assets/src_ranuts_file_readDir.md.BvSC38m-.js
index f6b3d4318a..2fb361cc9c 100644
--- a/assets/src_ranuts_file_readDir.md.d3nM0oPh.js
+++ b/assets/src_ranuts_file_readDir.md.BvSC38m-.js
@@ -1 +1 @@
-import{_ as e,o as r,c as l,a3 as d,j as t,a as n}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"ReadDir","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/readDir.md","filePath":"src/ranuts/file/readDir.md","lastUpdated":1728129125000}'),i={name:"src/ranuts/file/readDir.md"};function o(s,a,h,u,c,p){return r(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[d('<h1 id="readdir" tabindex="-1">ReadDir <a class="header-anchor" href="#readdir" aria-label="Permalink to &quot;ReadDir&quot;">​</a></h1><p>读一个目录下的所有文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>result</td><td>目录下所有文件的数组</td><td><code>array</code></td><td>传入函数的参数</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3>',7),t("table",{tabindex:"0"},[t("thead",null,[t("tr",null,[t("th",null,"参数"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"默认值")])]),t("tbody",null,[t("tr",null,[t("td",null,"options"),t("td",{dirPath:""}),t("td",null,[t("code",null,"object")]),t("td",null,"传入函数的参数")]),t("tr",null,[t("td",null,"dirPath"),t("td",null,"文件的路径"),t("td",null,[t("code",null,"Stats")]),t("td")])])],-1),t("h2",{id:"example",tabindex:"-1"},[n("Example "),t("a",{class:"header-anchor",href:"#example","aria-label":'Permalink to "Example"'},"​")],-1)]))}const f=e(i,[["render",o]]);export{m as __pageData,f as default};
+import{_ as e,o as r,c as l,a3 as d,j as t,a as n}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"ReadDir","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/readDir.md","filePath":"src/ranuts/file/readDir.md","lastUpdated":1728129344000}'),i={name:"src/ranuts/file/readDir.md"};function o(s,a,h,u,c,p){return r(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[d('<h1 id="readdir" tabindex="-1">ReadDir <a class="header-anchor" href="#readdir" aria-label="Permalink to &quot;ReadDir&quot;">​</a></h1><p>读一个目录下的所有文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>result</td><td>目录下所有文件的数组</td><td><code>array</code></td><td>传入函数的参数</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3>',7),t("table",{tabindex:"0"},[t("thead",null,[t("tr",null,[t("th",null,"参数"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"默认值")])]),t("tbody",null,[t("tr",null,[t("td",null,"options"),t("td",{dirPath:""}),t("td",null,[t("code",null,"object")]),t("td",null,"传入函数的参数")]),t("tr",null,[t("td",null,"dirPath"),t("td",null,"文件的路径"),t("td",null,[t("code",null,"Stats")]),t("td")])])],-1),t("h2",{id:"example",tabindex:"-1"},[n("Example "),t("a",{class:"header-anchor",href:"#example","aria-label":'Permalink to "Example"'},"​")],-1)]))}const f=e(i,[["render",o]]);export{m as __pageData,f as default};
diff --git a/assets/src_ranuts_file_readDir.md.d3nM0oPh.lean.js b/assets/src_ranuts_file_readDir.md.BvSC38m-.lean.js
similarity index 96%
rename from assets/src_ranuts_file_readDir.md.d3nM0oPh.lean.js
rename to assets/src_ranuts_file_readDir.md.BvSC38m-.lean.js
index f6b3d4318a..2fb361cc9c 100644
--- a/assets/src_ranuts_file_readDir.md.d3nM0oPh.lean.js
+++ b/assets/src_ranuts_file_readDir.md.BvSC38m-.lean.js
@@ -1 +1 @@
-import{_ as e,o as r,c as l,a3 as d,j as t,a as n}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"ReadDir","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/readDir.md","filePath":"src/ranuts/file/readDir.md","lastUpdated":1728129125000}'),i={name:"src/ranuts/file/readDir.md"};function o(s,a,h,u,c,p){return r(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[d('<h1 id="readdir" tabindex="-1">ReadDir <a class="header-anchor" href="#readdir" aria-label="Permalink to &quot;ReadDir&quot;">​</a></h1><p>读一个目录下的所有文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>result</td><td>目录下所有文件的数组</td><td><code>array</code></td><td>传入函数的参数</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3>',7),t("table",{tabindex:"0"},[t("thead",null,[t("tr",null,[t("th",null,"参数"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"默认值")])]),t("tbody",null,[t("tr",null,[t("td",null,"options"),t("td",{dirPath:""}),t("td",null,[t("code",null,"object")]),t("td",null,"传入函数的参数")]),t("tr",null,[t("td",null,"dirPath"),t("td",null,"文件的路径"),t("td",null,[t("code",null,"Stats")]),t("td")])])],-1),t("h2",{id:"example",tabindex:"-1"},[n("Example "),t("a",{class:"header-anchor",href:"#example","aria-label":'Permalink to "Example"'},"​")],-1)]))}const f=e(i,[["render",o]]);export{m as __pageData,f as default};
+import{_ as e,o as r,c as l,a3 as d,j as t,a as n}from"./chunks/framework.eq-HTtE3.js";const m=JSON.parse('{"title":"ReadDir","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/readDir.md","filePath":"src/ranuts/file/readDir.md","lastUpdated":1728129344000}'),i={name:"src/ranuts/file/readDir.md"};function o(s,a,h,u,c,p){return r(),l("div",{"data-pagefind-body":!0},a[0]||(a[0]=[d('<h1 id="readdir" tabindex="-1">ReadDir <a class="header-anchor" href="#readdir" aria-label="Permalink to &quot;ReadDir&quot;">​</a></h1><p>读一个目录下的所有文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>result</td><td>目录下所有文件的数组</td><td><code>array</code></td><td>传入函数的参数</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3>',7),t("table",{tabindex:"0"},[t("thead",null,[t("tr",null,[t("th",null,"参数"),t("th",null,"说明"),t("th",null,"类型"),t("th",null,"默认值")])]),t("tbody",null,[t("tr",null,[t("td",null,"options"),t("td",{dirPath:""}),t("td",null,[t("code",null,"object")]),t("td",null,"传入函数的参数")]),t("tr",null,[t("td",null,"dirPath"),t("td",null,"文件的路径"),t("td",null,[t("code",null,"Stats")]),t("td")])])],-1),t("h2",{id:"example",tabindex:"-1"},[n("Example "),t("a",{class:"header-anchor",href:"#example","aria-label":'Permalink to "Example"'},"​")],-1)]))}const f=e(i,[["render",o]]);export{m as __pageData,f as default};
diff --git a/assets/src_ranuts_file_readFile.md.CwPAyuVM.js b/assets/src_ranuts_file_readFile.md.Ac6LvpUh.js
similarity index 96%
rename from assets/src_ranuts_file_readFile.md.CwPAyuVM.js
rename to assets/src_ranuts_file_readFile.md.Ac6LvpUh.js
index 7701c4def3..a62ae0506f 100644
--- a/assets/src_ranuts_file_readFile.md.CwPAyuVM.js
+++ b/assets/src_ranuts_file_readFile.md.Ac6LvpUh.js
@@ -1 +1 @@
-import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"ReadFile","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/readFile.md","filePath":"src/ranuts/file/readFile.md","lastUpdated":1728129125000}'),o={name:"src/ranuts/file/readFile.md"};function i(l,t,n,h,s,c){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="readfile" tabindex="-1">ReadFile <a class="header-anchor" href="#readfile" aria-label="Permalink to &quot;ReadFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>data</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const b=e(o,[["render",i]]);export{p as __pageData,b as default};
+import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"ReadFile","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/readFile.md","filePath":"src/ranuts/file/readFile.md","lastUpdated":1728129344000}'),o={name:"src/ranuts/file/readFile.md"};function i(l,t,n,h,s,c){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="readfile" tabindex="-1">ReadFile <a class="header-anchor" href="#readfile" aria-label="Permalink to &quot;ReadFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>data</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const b=e(o,[["render",i]]);export{p as __pageData,b as default};
diff --git a/assets/src_ranuts_file_readFile.md.CwPAyuVM.lean.js b/assets/src_ranuts_file_readFile.md.Ac6LvpUh.lean.js
similarity index 96%
rename from assets/src_ranuts_file_readFile.md.CwPAyuVM.lean.js
rename to assets/src_ranuts_file_readFile.md.Ac6LvpUh.lean.js
index 7701c4def3..a62ae0506f 100644
--- a/assets/src_ranuts_file_readFile.md.CwPAyuVM.lean.js
+++ b/assets/src_ranuts_file_readFile.md.Ac6LvpUh.lean.js
@@ -1 +1 @@
-import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"ReadFile","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/readFile.md","filePath":"src/ranuts/file/readFile.md","lastUpdated":1728129125000}'),o={name:"src/ranuts/file/readFile.md"};function i(l,t,n,h,s,c){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="readfile" tabindex="-1">ReadFile <a class="header-anchor" href="#readfile" aria-label="Permalink to &quot;ReadFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>data</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const b=e(o,[["render",i]]);export{p as __pageData,b as default};
+import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"ReadFile","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/readFile.md","filePath":"src/ranuts/file/readFile.md","lastUpdated":1728129344000}'),o={name:"src/ranuts/file/readFile.md"};function i(l,t,n,h,s,c){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="readfile" tabindex="-1">ReadFile <a class="header-anchor" href="#readfile" aria-label="Permalink to &quot;ReadFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>data</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2>',9)]))}const b=e(o,[["render",i]]);export{p as __pageData,b as default};
diff --git a/assets/src_ranuts_file_watchFile.md.DYvq_aUK.js b/assets/src_ranuts_file_watchFile.md.i-gzm-Mr.js
similarity index 96%
rename from assets/src_ranuts_file_watchFile.md.DYvq_aUK.js
rename to assets/src_ranuts_file_watchFile.md.i-gzm-Mr.js
index b683246197..8fce6b1995 100644
--- a/assets/src_ranuts_file_watchFile.md.DYvq_aUK.js
+++ b/assets/src_ranuts_file_watchFile.md.i-gzm-Mr.js
@@ -1 +1 @@
-import{_ as a,o as e,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"WatchFile","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/watchFile.md","filePath":"src/ranuts/file/watchFile.md","lastUpdated":1728129125000}'),o={name:"src/ranuts/file/watchFile.md"};function i(h,t,l,n,c,s){return e(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="watchfile" tabindex="-1">WatchFile <a class="header-anchor" href="#watchfile" aria-label="Permalink to &quot;WatchFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>status</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table>',8)]))}const b=a(o,[["render",i]]);export{p as __pageData,b as default};
+import{_ as a,o as e,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"WatchFile","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/watchFile.md","filePath":"src/ranuts/file/watchFile.md","lastUpdated":1728129344000}'),o={name:"src/ranuts/file/watchFile.md"};function i(h,t,l,n,c,s){return e(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="watchfile" tabindex="-1">WatchFile <a class="header-anchor" href="#watchfile" aria-label="Permalink to &quot;WatchFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>status</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table>',8)]))}const b=a(o,[["render",i]]);export{p as __pageData,b as default};
diff --git a/assets/src_ranuts_file_watchFile.md.DYvq_aUK.lean.js b/assets/src_ranuts_file_watchFile.md.i-gzm-Mr.lean.js
similarity index 96%
rename from assets/src_ranuts_file_watchFile.md.DYvq_aUK.lean.js
rename to assets/src_ranuts_file_watchFile.md.i-gzm-Mr.lean.js
index b683246197..8fce6b1995 100644
--- a/assets/src_ranuts_file_watchFile.md.DYvq_aUK.lean.js
+++ b/assets/src_ranuts_file_watchFile.md.i-gzm-Mr.lean.js
@@ -1 +1 @@
-import{_ as a,o as e,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"WatchFile","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/watchFile.md","filePath":"src/ranuts/file/watchFile.md","lastUpdated":1728129125000}'),o={name:"src/ranuts/file/watchFile.md"};function i(h,t,l,n,c,s){return e(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="watchfile" tabindex="-1">WatchFile <a class="header-anchor" href="#watchfile" aria-label="Permalink to &quot;WatchFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>status</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table>',8)]))}const b=a(o,[["render",i]]);export{p as __pageData,b as default};
+import{_ as a,o as e,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"WatchFile","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/watchFile.md","filePath":"src/ranuts/file/watchFile.md","lastUpdated":1728129344000}'),o={name:"src/ranuts/file/watchFile.md"};function i(h,t,l,n,c,s){return e(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="watchfile" tabindex="-1">WatchFile <a class="header-anchor" href="#watchfile" aria-label="Permalink to &quot;WatchFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>status</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table>',8)]))}const b=a(o,[["render",i]]);export{p as __pageData,b as default};
diff --git a/assets/src_ranuts_file_writeFile.md.CdGN48zU.js b/assets/src_ranuts_file_writeFile.md.2z4SHchp.js
similarity index 96%
rename from assets/src_ranuts_file_writeFile.md.CdGN48zU.js
rename to assets/src_ranuts_file_writeFile.md.2z4SHchp.js
index 51f9d15f04..4ceb00f383 100644
--- a/assets/src_ranuts_file_writeFile.md.CdGN48zU.js
+++ b/assets/src_ranuts_file_writeFile.md.2z4SHchp.js
@@ -1 +1 @@
-import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"WriteFile","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/writeFile.md","filePath":"src/ranuts/file/writeFile.md","lastUpdated":1728129125000}'),i={name:"src/ranuts/file/writeFile.md"};function o(n,t,l,h,s,c){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="writefile" tabindex="-1">WriteFile <a class="header-anchor" href="#writefile" aria-label="Permalink to &quot;WriteFile&quot;">​</a></h1><p>将内容写入文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否写入成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>写入失败的原因，添加成功后的文件内容和文件路径</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table>',8)]))}const b=e(i,[["render",o]]);export{p as __pageData,b as default};
+import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"WriteFile","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/writeFile.md","filePath":"src/ranuts/file/writeFile.md","lastUpdated":1728129344000}'),i={name:"src/ranuts/file/writeFile.md"};function o(n,t,l,h,s,c){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="writefile" tabindex="-1">WriteFile <a class="header-anchor" href="#writefile" aria-label="Permalink to &quot;WriteFile&quot;">​</a></h1><p>将内容写入文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否写入成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>写入失败的原因，添加成功后的文件内容和文件路径</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table>',8)]))}const b=e(i,[["render",o]]);export{p as __pageData,b as default};
diff --git a/assets/src_ranuts_file_writeFile.md.CdGN48zU.lean.js b/assets/src_ranuts_file_writeFile.md.2z4SHchp.lean.js
similarity index 96%
rename from assets/src_ranuts_file_writeFile.md.CdGN48zU.lean.js
rename to assets/src_ranuts_file_writeFile.md.2z4SHchp.lean.js
index 51f9d15f04..4ceb00f383 100644
--- a/assets/src_ranuts_file_writeFile.md.CdGN48zU.lean.js
+++ b/assets/src_ranuts_file_writeFile.md.2z4SHchp.lean.js
@@ -1 +1 @@
-import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"WriteFile","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/writeFile.md","filePath":"src/ranuts/file/writeFile.md","lastUpdated":1728129125000}'),i={name:"src/ranuts/file/writeFile.md"};function o(n,t,l,h,s,c){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="writefile" tabindex="-1">WriteFile <a class="header-anchor" href="#writefile" aria-label="Permalink to &quot;WriteFile&quot;">​</a></h1><p>将内容写入文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否写入成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>写入失败的原因，添加成功后的文件内容和文件路径</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table>',8)]))}const b=e(i,[["render",o]]);export{p as __pageData,b as default};
+import{_ as e,o as a,c as d,a3 as r}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"WriteFile","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/file/writeFile.md","filePath":"src/ranuts/file/writeFile.md","lastUpdated":1728129344000}'),i={name:"src/ranuts/file/writeFile.md"};function o(n,t,l,h,s,c){return a(),d("div",{"data-pagefind-body":!0},t[0]||(t[0]=[r('<h1 id="writefile" tabindex="-1">WriteFile <a class="header-anchor" href="#writefile" aria-label="Permalink to &quot;WriteFile&quot;">​</a></h1><p>将内容写入文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否写入成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>写入失败的原因，添加成功后的文件内容和文件路径</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table>',8)]))}const b=e(i,[["render",o]]);export{p as __pageData,b as default};
diff --git a/assets/src_ranuts_index.md.CHFYg7WB.js b/assets/src_ranuts_index.md.BJ436-Wa.js
similarity index 97%
rename from assets/src_ranuts_index.md.CHFYg7WB.js
rename to assets/src_ranuts_index.md.BJ436-Wa.js
index 208101c7ae..818974d02a 100644
--- a/assets/src_ranuts_index.md.CHFYg7WB.js
+++ b/assets/src_ranuts_index.md.BJ436-Wa.js
@@ -1 +1 @@
-import{_ as r,o as d,c as a,a3 as i,G as o,B as l}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"ranuts overview","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/index.md","filePath":"src/ranuts/index.md","lastUpdated":1728129125000}'),h={name:"src/ranuts/index.md"};function s(n,t,f,m,c,u){const e=l("TOTP");return d(),a("div",{"data-pagefind-body":!0},[t[0]||(t[0]=i('<h1 id="ranuts-overview" tabindex="-1">ranuts overview <a class="header-anchor" href="#ranuts-overview" aria-label="Permalink to &quot;ranuts overview&quot;">​</a></h1><h2 id="method-list" tabindex="-1">Method list <a class="header-anchor" href="#method-list" aria-label="Permalink to &quot;Method list&quot;">​</a></h2><table tabindex="0"><thead><tr><th>Method</th><th>description</th><th>detail</th></tr></thead><tbody><tr><td>writeFile</td><td>Write to file</td><td><a href="./file/writeFile.html">writeFile</a></td></tr><tr><td>readFile</td><td>Read file</td><td><a href="./file/readFile.html">readFile</a></td></tr><tr><td>readDir</td><td>Read the directory and get the names of all the files in the directory</td><td><a href="./file/readDir.html">readDir</a></td></tr><tr><td>watchFile</td><td>Check whether the contents of the file have changed</td><td><a href="./file/watchFile.html">watchFile</a></td></tr><tr><td>queryFileInfo</td><td>Query file information</td><td><a href="./file/fileInfo.html">queryFileInfo</a></td></tr><tr><td>filterObj</td><td>Filter object</td><td><a href="./utils/filterObj.html">filterObj</a></td></tr><tr><td>EventEmitter</td><td>Publish-subscribe class</td><td><a href="./mode/subscribe.html">EventEmitter</a></td></tr><tr><td>str2Xml</td><td>String is converted to <code>xml</code></td><td><a href="./utils/str2xml.html">str2Xml</a></td></tr><tr><td>getMime</td><td>Gets the <code>mime type</code> based on the file format suffix</td><td><a href="./mimeType/mimeType.html">getMime</a></td></tr><tr><td>getCookie</td><td>Gets the value of the specified cookie</td><td><a href="./utils/getCookie.html">writeFile</a></td></tr><tr><td>formatJson</td><td>Formatted JSON</td><td><a href="./utils/formatJson.html">formatJson</a></td></tr></tbody></table><h1 id="totp" tabindex="-1">TOTP <a class="header-anchor" href="#totp" aria-label="Permalink to &quot;TOTP&quot;">​</a></h1>',4)),o(e)])}const v=r(h,[["render",s]]);export{p as __pageData,v as default};
+import{_ as r,o as d,c as a,a3 as i,G as o,B as l}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"ranuts overview","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/index.md","filePath":"src/ranuts/index.md","lastUpdated":1728129344000}'),h={name:"src/ranuts/index.md"};function s(n,t,f,m,c,u){const e=l("TOTP");return d(),a("div",{"data-pagefind-body":!0},[t[0]||(t[0]=i('<h1 id="ranuts-overview" tabindex="-1">ranuts overview <a class="header-anchor" href="#ranuts-overview" aria-label="Permalink to &quot;ranuts overview&quot;">​</a></h1><h2 id="method-list" tabindex="-1">Method list <a class="header-anchor" href="#method-list" aria-label="Permalink to &quot;Method list&quot;">​</a></h2><table tabindex="0"><thead><tr><th>Method</th><th>description</th><th>detail</th></tr></thead><tbody><tr><td>writeFile</td><td>Write to file</td><td><a href="./file/writeFile.html">writeFile</a></td></tr><tr><td>readFile</td><td>Read file</td><td><a href="./file/readFile.html">readFile</a></td></tr><tr><td>readDir</td><td>Read the directory and get the names of all the files in the directory</td><td><a href="./file/readDir.html">readDir</a></td></tr><tr><td>watchFile</td><td>Check whether the contents of the file have changed</td><td><a href="./file/watchFile.html">watchFile</a></td></tr><tr><td>queryFileInfo</td><td>Query file information</td><td><a href="./file/fileInfo.html">queryFileInfo</a></td></tr><tr><td>filterObj</td><td>Filter object</td><td><a href="./utils/filterObj.html">filterObj</a></td></tr><tr><td>EventEmitter</td><td>Publish-subscribe class</td><td><a href="./mode/subscribe.html">EventEmitter</a></td></tr><tr><td>str2Xml</td><td>String is converted to <code>xml</code></td><td><a href="./utils/str2xml.html">str2Xml</a></td></tr><tr><td>getMime</td><td>Gets the <code>mime type</code> based on the file format suffix</td><td><a href="./mimeType/mimeType.html">getMime</a></td></tr><tr><td>getCookie</td><td>Gets the value of the specified cookie</td><td><a href="./utils/getCookie.html">writeFile</a></td></tr><tr><td>formatJson</td><td>Formatted JSON</td><td><a href="./utils/formatJson.html">formatJson</a></td></tr></tbody></table><h1 id="totp" tabindex="-1">TOTP <a class="header-anchor" href="#totp" aria-label="Permalink to &quot;TOTP&quot;">​</a></h1>',4)),o(e)])}const v=r(h,[["render",s]]);export{p as __pageData,v as default};
diff --git a/assets/src_ranuts_index.md.CHFYg7WB.lean.js b/assets/src_ranuts_index.md.BJ436-Wa.lean.js
similarity index 97%
rename from assets/src_ranuts_index.md.CHFYg7WB.lean.js
rename to assets/src_ranuts_index.md.BJ436-Wa.lean.js
index 208101c7ae..818974d02a 100644
--- a/assets/src_ranuts_index.md.CHFYg7WB.lean.js
+++ b/assets/src_ranuts_index.md.BJ436-Wa.lean.js
@@ -1 +1 @@
-import{_ as r,o as d,c as a,a3 as i,G as o,B as l}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"ranuts overview","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/index.md","filePath":"src/ranuts/index.md","lastUpdated":1728129125000}'),h={name:"src/ranuts/index.md"};function s(n,t,f,m,c,u){const e=l("TOTP");return d(),a("div",{"data-pagefind-body":!0},[t[0]||(t[0]=i('<h1 id="ranuts-overview" tabindex="-1">ranuts overview <a class="header-anchor" href="#ranuts-overview" aria-label="Permalink to &quot;ranuts overview&quot;">​</a></h1><h2 id="method-list" tabindex="-1">Method list <a class="header-anchor" href="#method-list" aria-label="Permalink to &quot;Method list&quot;">​</a></h2><table tabindex="0"><thead><tr><th>Method</th><th>description</th><th>detail</th></tr></thead><tbody><tr><td>writeFile</td><td>Write to file</td><td><a href="./file/writeFile.html">writeFile</a></td></tr><tr><td>readFile</td><td>Read file</td><td><a href="./file/readFile.html">readFile</a></td></tr><tr><td>readDir</td><td>Read the directory and get the names of all the files in the directory</td><td><a href="./file/readDir.html">readDir</a></td></tr><tr><td>watchFile</td><td>Check whether the contents of the file have changed</td><td><a href="./file/watchFile.html">watchFile</a></td></tr><tr><td>queryFileInfo</td><td>Query file information</td><td><a href="./file/fileInfo.html">queryFileInfo</a></td></tr><tr><td>filterObj</td><td>Filter object</td><td><a href="./utils/filterObj.html">filterObj</a></td></tr><tr><td>EventEmitter</td><td>Publish-subscribe class</td><td><a href="./mode/subscribe.html">EventEmitter</a></td></tr><tr><td>str2Xml</td><td>String is converted to <code>xml</code></td><td><a href="./utils/str2xml.html">str2Xml</a></td></tr><tr><td>getMime</td><td>Gets the <code>mime type</code> based on the file format suffix</td><td><a href="./mimeType/mimeType.html">getMime</a></td></tr><tr><td>getCookie</td><td>Gets the value of the specified cookie</td><td><a href="./utils/getCookie.html">writeFile</a></td></tr><tr><td>formatJson</td><td>Formatted JSON</td><td><a href="./utils/formatJson.html">formatJson</a></td></tr></tbody></table><h1 id="totp" tabindex="-1">TOTP <a class="header-anchor" href="#totp" aria-label="Permalink to &quot;TOTP&quot;">​</a></h1>',4)),o(e)])}const v=r(h,[["render",s]]);export{p as __pageData,v as default};
+import{_ as r,o as d,c as a,a3 as i,G as o,B as l}from"./chunks/framework.eq-HTtE3.js";const p=JSON.parse('{"title":"ranuts overview","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/index.md","filePath":"src/ranuts/index.md","lastUpdated":1728129344000}'),h={name:"src/ranuts/index.md"};function s(n,t,f,m,c,u){const e=l("TOTP");return d(),a("div",{"data-pagefind-body":!0},[t[0]||(t[0]=i('<h1 id="ranuts-overview" tabindex="-1">ranuts overview <a class="header-anchor" href="#ranuts-overview" aria-label="Permalink to &quot;ranuts overview&quot;">​</a></h1><h2 id="method-list" tabindex="-1">Method list <a class="header-anchor" href="#method-list" aria-label="Permalink to &quot;Method list&quot;">​</a></h2><table tabindex="0"><thead><tr><th>Method</th><th>description</th><th>detail</th></tr></thead><tbody><tr><td>writeFile</td><td>Write to file</td><td><a href="./file/writeFile.html">writeFile</a></td></tr><tr><td>readFile</td><td>Read file</td><td><a href="./file/readFile.html">readFile</a></td></tr><tr><td>readDir</td><td>Read the directory and get the names of all the files in the directory</td><td><a href="./file/readDir.html">readDir</a></td></tr><tr><td>watchFile</td><td>Check whether the contents of the file have changed</td><td><a href="./file/watchFile.html">watchFile</a></td></tr><tr><td>queryFileInfo</td><td>Query file information</td><td><a href="./file/fileInfo.html">queryFileInfo</a></td></tr><tr><td>filterObj</td><td>Filter object</td><td><a href="./utils/filterObj.html">filterObj</a></td></tr><tr><td>EventEmitter</td><td>Publish-subscribe class</td><td><a href="./mode/subscribe.html">EventEmitter</a></td></tr><tr><td>str2Xml</td><td>String is converted to <code>xml</code></td><td><a href="./utils/str2xml.html">str2Xml</a></td></tr><tr><td>getMime</td><td>Gets the <code>mime type</code> based on the file format suffix</td><td><a href="./mimeType/mimeType.html">getMime</a></td></tr><tr><td>getCookie</td><td>Gets the value of the specified cookie</td><td><a href="./utils/getCookie.html">writeFile</a></td></tr><tr><td>formatJson</td><td>Formatted JSON</td><td><a href="./utils/formatJson.html">formatJson</a></td></tr></tbody></table><h1 id="totp" tabindex="-1">TOTP <a class="header-anchor" href="#totp" aria-label="Permalink to &quot;TOTP&quot;">​</a></h1>',4)),o(e)])}const v=r(h,[["render",s]]);export{p as __pageData,v as default};
diff --git a/assets/src_ranuts_mimeType_mimeType.md.Bp_Buc7N.js b/assets/src_ranuts_mimeType_mimeType.md.CgbW52XX.js
similarity index 98%
rename from assets/src_ranuts_mimeType_mimeType.md.Bp_Buc7N.js
rename to assets/src_ranuts_mimeType_mimeType.md.CgbW52XX.js
index da0686bc19..068f961440 100644
--- a/assets/src_ranuts_mimeType_mimeType.md.Bp_Buc7N.js
+++ b/assets/src_ranuts_mimeType_mimeType.md.CgbW52XX.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as t,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"getMime","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/mimeType/mimeType.md","filePath":"src/ranuts/mimeType/mimeType.md","lastUpdated":1728129125000}'),n={name:"src/ranuts/mimeType/mimeType.md"};function h(l,s,p,r,d,k){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e(`<h1 id="getmime" tabindex="-1">getMime <a class="header-anchor" href="#getmime" aria-label="Permalink to &quot;getMime&quot;">​</a></h1><p>传入文件格式后缀，返回<code>mime type</code></p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>string</code></td><td>返回<code>mime type</code></td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>ext</td><td>文件后缀格式</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { getMime } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as i,o as a,c as t,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"getMime","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/mimeType/mimeType.md","filePath":"src/ranuts/mimeType/mimeType.md","lastUpdated":1728129344000}'),n={name:"src/ranuts/mimeType/mimeType.md"};function h(l,s,p,r,d,k){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e(`<h1 id="getmime" tabindex="-1">getMime <a class="header-anchor" href="#getmime" aria-label="Permalink to &quot;getMime&quot;">​</a></h1><p>传入文件格式后缀，返回<code>mime type</code></p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>string</code></td><td>返回<code>mime type</code></td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>ext</td><td>文件后缀格式</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { getMime } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMime</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;.pptx&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span>
diff --git a/assets/src_ranuts_mimeType_mimeType.md.Bp_Buc7N.lean.js b/assets/src_ranuts_mimeType_mimeType.md.CgbW52XX.lean.js
similarity index 98%
rename from assets/src_ranuts_mimeType_mimeType.md.Bp_Buc7N.lean.js
rename to assets/src_ranuts_mimeType_mimeType.md.CgbW52XX.lean.js
index da0686bc19..068f961440 100644
--- a/assets/src_ranuts_mimeType_mimeType.md.Bp_Buc7N.lean.js
+++ b/assets/src_ranuts_mimeType_mimeType.md.CgbW52XX.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as t,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"getMime","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/mimeType/mimeType.md","filePath":"src/ranuts/mimeType/mimeType.md","lastUpdated":1728129125000}'),n={name:"src/ranuts/mimeType/mimeType.md"};function h(l,s,p,r,d,k){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e(`<h1 id="getmime" tabindex="-1">getMime <a class="header-anchor" href="#getmime" aria-label="Permalink to &quot;getMime&quot;">​</a></h1><p>传入文件格式后缀，返回<code>mime type</code></p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>string</code></td><td>返回<code>mime type</code></td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>ext</td><td>文件后缀格式</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { getMime } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as i,o as a,c as t,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"getMime","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/mimeType/mimeType.md","filePath":"src/ranuts/mimeType/mimeType.md","lastUpdated":1728129344000}'),n={name:"src/ranuts/mimeType/mimeType.md"};function h(l,s,p,r,d,k){return a(),t("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e(`<h1 id="getmime" tabindex="-1">getMime <a class="header-anchor" href="#getmime" aria-label="Permalink to &quot;getMime&quot;">​</a></h1><p>传入文件格式后缀，返回<code>mime type</code></p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>string</code></td><td>返回<code>mime type</code></td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>ext</td><td>文件后缀格式</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { getMime } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMime</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;.pptx&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span>
diff --git a/assets/src_ranuts_mode_subscribe.md.DmGp9s_W.js b/assets/src_ranuts_mode_subscribe.md.CBjAEwg0.js
similarity index 99%
rename from assets/src_ranuts_mode_subscribe.md.DmGp9s_W.js
rename to assets/src_ranuts_mode_subscribe.md.CBjAEwg0.js
index f1fba6b111..89a0077ed6 100644
--- a/assets/src_ranuts_mode_subscribe.md.DmGp9s_W.js
+++ b/assets/src_ranuts_mode_subscribe.md.CBjAEwg0.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as n,a3 as t}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"EventEmitter","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/mode/subscribe.md","filePath":"src/ranuts/mode/subscribe.md","lastUpdated":1728129125000}'),h={name:"src/ranuts/mode/subscribe.md"};function l(k,s,p,e,E,r){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t(`<h1 id="eventemitter" tabindex="-1">EventEmitter <a class="header-anchor" href="#eventemitter" aria-label="Permalink to &quot;EventEmitter&quot;">​</a></h1><p>发布订阅的类</p><h2 id="class" tabindex="-1">Class <a class="header-anchor" href="#class" aria-label="Permalink to &quot;Class&quot;">​</a></h2><h3 id="methods" tabindex="-1">Methods <a class="header-anchor" href="#methods" aria-label="Permalink to &quot;Methods&quot;">​</a></h3><table tabindex="0"><thead><tr><th>方法</th><th>参数</th><th>说明</th><th>默认值</th></tr></thead><tbody><tr><td>on</td><td>订阅事件</td><td>订阅事件，传入参数事件名，回调函数</td><td>无</td></tr><tr><td>once</td><td>订阅一次事件，传入参数事件名，回调函数</td><td>订阅一次事件，触发一次后不再会触发</td><td>无</td></tr><tr><td>off</td><td>取消订阅事件，传入参数事件名，回调函数</td><td>取消订阅事件</td><td>无</td></tr><tr><td>emit</td><td>触发事件，需要事件名</td><td>触发事件</td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { Subscribe } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as i,o as a,c as n,a3 as t}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"EventEmitter","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/mode/subscribe.md","filePath":"src/ranuts/mode/subscribe.md","lastUpdated":1728129344000}'),h={name:"src/ranuts/mode/subscribe.md"};function l(k,s,p,e,E,r){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t(`<h1 id="eventemitter" tabindex="-1">EventEmitter <a class="header-anchor" href="#eventemitter" aria-label="Permalink to &quot;EventEmitter&quot;">​</a></h1><p>发布订阅的类</p><h2 id="class" tabindex="-1">Class <a class="header-anchor" href="#class" aria-label="Permalink to &quot;Class&quot;">​</a></h2><h3 id="methods" tabindex="-1">Methods <a class="header-anchor" href="#methods" aria-label="Permalink to &quot;Methods&quot;">​</a></h3><table tabindex="0"><thead><tr><th>方法</th><th>参数</th><th>说明</th><th>默认值</th></tr></thead><tbody><tr><td>on</td><td>订阅事件</td><td>订阅事件，传入参数事件名，回调函数</td><td>无</td></tr><tr><td>once</td><td>订阅一次事件，传入参数事件名，回调函数</td><td>订阅一次事件，触发一次后不再会触发</td><td>无</td></tr><tr><td>off</td><td>取消订阅事件，传入参数事件名，回调函数</td><td>取消订阅事件</td><td>无</td></tr><tr><td>emit</td><td>触发事件，需要事件名</td><td>触发事件</td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { Subscribe } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> subscribe</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Subscribe</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>
 <span class="line"></span>
diff --git a/assets/src_ranuts_mode_subscribe.md.DmGp9s_W.lean.js b/assets/src_ranuts_mode_subscribe.md.CBjAEwg0.lean.js
similarity index 99%
rename from assets/src_ranuts_mode_subscribe.md.DmGp9s_W.lean.js
rename to assets/src_ranuts_mode_subscribe.md.CBjAEwg0.lean.js
index f1fba6b111..89a0077ed6 100644
--- a/assets/src_ranuts_mode_subscribe.md.DmGp9s_W.lean.js
+++ b/assets/src_ranuts_mode_subscribe.md.CBjAEwg0.lean.js
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as n,a3 as t}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"EventEmitter","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/mode/subscribe.md","filePath":"src/ranuts/mode/subscribe.md","lastUpdated":1728129125000}'),h={name:"src/ranuts/mode/subscribe.md"};function l(k,s,p,e,E,r){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t(`<h1 id="eventemitter" tabindex="-1">EventEmitter <a class="header-anchor" href="#eventemitter" aria-label="Permalink to &quot;EventEmitter&quot;">​</a></h1><p>发布订阅的类</p><h2 id="class" tabindex="-1">Class <a class="header-anchor" href="#class" aria-label="Permalink to &quot;Class&quot;">​</a></h2><h3 id="methods" tabindex="-1">Methods <a class="header-anchor" href="#methods" aria-label="Permalink to &quot;Methods&quot;">​</a></h3><table tabindex="0"><thead><tr><th>方法</th><th>参数</th><th>说明</th><th>默认值</th></tr></thead><tbody><tr><td>on</td><td>订阅事件</td><td>订阅事件，传入参数事件名，回调函数</td><td>无</td></tr><tr><td>once</td><td>订阅一次事件，传入参数事件名，回调函数</td><td>订阅一次事件，触发一次后不再会触发</td><td>无</td></tr><tr><td>off</td><td>取消订阅事件，传入参数事件名，回调函数</td><td>取消订阅事件</td><td>无</td></tr><tr><td>emit</td><td>触发事件，需要事件名</td><td>触发事件</td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { Subscribe } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as i,o as a,c as n,a3 as t}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"EventEmitter","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/mode/subscribe.md","filePath":"src/ranuts/mode/subscribe.md","lastUpdated":1728129344000}'),h={name:"src/ranuts/mode/subscribe.md"};function l(k,s,p,e,E,r){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t(`<h1 id="eventemitter" tabindex="-1">EventEmitter <a class="header-anchor" href="#eventemitter" aria-label="Permalink to &quot;EventEmitter&quot;">​</a></h1><p>发布订阅的类</p><h2 id="class" tabindex="-1">Class <a class="header-anchor" href="#class" aria-label="Permalink to &quot;Class&quot;">​</a></h2><h3 id="methods" tabindex="-1">Methods <a class="header-anchor" href="#methods" aria-label="Permalink to &quot;Methods&quot;">​</a></h3><table tabindex="0"><thead><tr><th>方法</th><th>参数</th><th>说明</th><th>默认值</th></tr></thead><tbody><tr><td>on</td><td>订阅事件</td><td>订阅事件，传入参数事件名，回调函数</td><td>无</td></tr><tr><td>once</td><td>订阅一次事件，传入参数事件名，回调函数</td><td>订阅一次事件，触发一次后不再会触发</td><td>无</td></tr><tr><td>off</td><td>取消订阅事件，传入参数事件名，回调函数</td><td>取消订阅事件</td><td>无</td></tr><tr><td>emit</td><td>触发事件，需要事件名</td><td>触发事件</td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { Subscribe } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> subscribe</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Subscribe</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>
 <span class="line"></span>
diff --git a/assets/src_ranuts_utils_convertImageToBase64.md.CQdNGUWw.js b/assets/src_ranuts_utils_convertImageToBase64.md.COMNqW1t.js
similarity index 98%
rename from assets/src_ranuts_utils_convertImageToBase64.md.CQdNGUWw.js
rename to assets/src_ranuts_utils_convertImageToBase64.md.COMNqW1t.js
index fb91f3cc51..1706fa088e 100644
--- a/assets/src_ranuts_utils_convertImageToBase64.md.CQdNGUWw.js
+++ b/assets/src_ranuts_utils_convertImageToBase64.md.COMNqW1t.js
@@ -1,4 +1,4 @@
-import{_ as a,o as e,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"convertImageToBase64","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/convertImageToBase64.md","filePath":"src/ranuts/utils/convertImageToBase64.md","lastUpdated":1728129125000}'),n={name:"src/ranuts/utils/convertImageToBase64.md"};function r(o,t,d,h,l,c){return e(),s("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i(`<h1 id="convertimagetobase64" tabindex="-1">convertImageToBase64 <a class="header-anchor" href="#convertimagetobase64" aria-label="Permalink to &quot;convertImageToBase64&quot;">​</a></h1><p>Picture turn &#39;base64&#39;</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>success</code></td><td>Whether the conversion is successful</td><td><code>boolean</code></td></tr><tr><td><code>data</code></td><td>The value after successful conversion</td><td><code>string</code>,<code>ArrayBuffer</code> , <code>null</code></td></tr><tr><td><code>message</code></td><td>The reasons why the conversion succeeds or fails</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>file</td><td>Incoming file</td><td><code>File</code></td><td>null</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { convertImageToBase64 } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as a,o as e,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"convertImageToBase64","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/convertImageToBase64.md","filePath":"src/ranuts/utils/convertImageToBase64.md","lastUpdated":1728129344000}'),n={name:"src/ranuts/utils/convertImageToBase64.md"};function r(o,t,d,h,l,c){return e(),s("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i(`<h1 id="convertimagetobase64" tabindex="-1">convertImageToBase64 <a class="header-anchor" href="#convertimagetobase64" aria-label="Permalink to &quot;convertImageToBase64&quot;">​</a></h1><p>Picture turn &#39;base64&#39;</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>success</code></td><td>Whether the conversion is successful</td><td><code>boolean</code></td></tr><tr><td><code>data</code></td><td>The value after successful conversion</td><td><code>string</code>,<code>ArrayBuffer</code> , <code>null</code></td></tr><tr><td><code>message</code></td><td>The reasons why the conversion succeeds or fails</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>file</td><td>Incoming file</td><td><code>File</code></td><td>null</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { convertImageToBase64 } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">convertImageToBase64</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(file).</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">then</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">res</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span>
diff --git a/assets/src_ranuts_utils_convertImageToBase64.md.CQdNGUWw.lean.js b/assets/src_ranuts_utils_convertImageToBase64.md.COMNqW1t.lean.js
similarity index 98%
rename from assets/src_ranuts_utils_convertImageToBase64.md.CQdNGUWw.lean.js
rename to assets/src_ranuts_utils_convertImageToBase64.md.COMNqW1t.lean.js
index fb91f3cc51..1706fa088e 100644
--- a/assets/src_ranuts_utils_convertImageToBase64.md.CQdNGUWw.lean.js
+++ b/assets/src_ranuts_utils_convertImageToBase64.md.COMNqW1t.lean.js
@@ -1,4 +1,4 @@
-import{_ as a,o as e,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"convertImageToBase64","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/convertImageToBase64.md","filePath":"src/ranuts/utils/convertImageToBase64.md","lastUpdated":1728129125000}'),n={name:"src/ranuts/utils/convertImageToBase64.md"};function r(o,t,d,h,l,c){return e(),s("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i(`<h1 id="convertimagetobase64" tabindex="-1">convertImageToBase64 <a class="header-anchor" href="#convertimagetobase64" aria-label="Permalink to &quot;convertImageToBase64&quot;">​</a></h1><p>Picture turn &#39;base64&#39;</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>success</code></td><td>Whether the conversion is successful</td><td><code>boolean</code></td></tr><tr><td><code>data</code></td><td>The value after successful conversion</td><td><code>string</code>,<code>ArrayBuffer</code> , <code>null</code></td></tr><tr><td><code>message</code></td><td>The reasons why the conversion succeeds or fails</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>file</td><td>Incoming file</td><td><code>File</code></td><td>null</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { convertImageToBase64 } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as a,o as e,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"convertImageToBase64","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/convertImageToBase64.md","filePath":"src/ranuts/utils/convertImageToBase64.md","lastUpdated":1728129344000}'),n={name:"src/ranuts/utils/convertImageToBase64.md"};function r(o,t,d,h,l,c){return e(),s("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i(`<h1 id="convertimagetobase64" tabindex="-1">convertImageToBase64 <a class="header-anchor" href="#convertimagetobase64" aria-label="Permalink to &quot;convertImageToBase64&quot;">​</a></h1><p>Picture turn &#39;base64&#39;</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>success</code></td><td>Whether the conversion is successful</td><td><code>boolean</code></td></tr><tr><td><code>data</code></td><td>The value after successful conversion</td><td><code>string</code>,<code>ArrayBuffer</code> , <code>null</code></td></tr><tr><td><code>message</code></td><td>The reasons why the conversion succeeds or fails</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>file</td><td>Incoming file</td><td><code>File</code></td><td>null</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { convertImageToBase64 } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">convertImageToBase64</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(file).</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">then</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">res</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span>
diff --git a/assets/src_ranuts_utils_filterObj.md.SUYinD61.js b/assets/src_ranuts_utils_filterObj.md.Q_-NUV8p.js
similarity index 98%
rename from assets/src_ranuts_utils_filterObj.md.SUYinD61.js
rename to assets/src_ranuts_utils_filterObj.md.Q_-NUV8p.js
index 2bc90f771a..3bc047a17d 100644
--- a/assets/src_ranuts_utils_filterObj.md.SUYinD61.js
+++ b/assets/src_ranuts_utils_filterObj.md.Q_-NUV8p.js
@@ -1,4 +1,4 @@
-import{_ as a,o as t,c as i,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"filterObj","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/filterObj.md","filePath":"src/ranuts/utils/filterObj.md","lastUpdated":1728129125000}'),n={name:"src/ranuts/utils/filterObj.md"};function l(h,s,r,p,d,k){return t(),i("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e(`<h1 id="filterobj" tabindex="-1">filterObj <a class="header-anchor" href="#filterobj" aria-label="Permalink to &quot;filterObj&quot;">​</a></h1><p>Filter the properties of the object, remove the properties of the object in the list array, return a new object, usually used to remove null characters and null</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>Object</code></td><td>Return an object</td><td><code>Object</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>obj</td><td>Objects to be filtered</td><td><code>object</code></td><td>无</td></tr><tr><td>list</td><td>Familiar array to filter</td><td><code>array</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { filterObj } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as a,o as t,c as i,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"filterObj","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/filterObj.md","filePath":"src/ranuts/utils/filterObj.md","lastUpdated":1728129344000}'),n={name:"src/ranuts/utils/filterObj.md"};function l(h,s,r,p,d,k){return t(),i("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e(`<h1 id="filterobj" tabindex="-1">filterObj <a class="header-anchor" href="#filterobj" aria-label="Permalink to &quot;filterObj&quot;">​</a></h1><p>Filter the properties of the object, remove the properties of the object in the list array, return a new object, usually used to remove null characters and null</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>Object</code></td><td>Return an object</td><td><code>Object</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>obj</td><td>Objects to be filtered</td><td><code>object</code></td><td>无</td></tr><tr><td>list</td><td>Familiar array to filter</td><td><code>array</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { filterObj } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> obj</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  name: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;chaxus&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
diff --git a/assets/src_ranuts_utils_filterObj.md.SUYinD61.lean.js b/assets/src_ranuts_utils_filterObj.md.Q_-NUV8p.lean.js
similarity index 98%
rename from assets/src_ranuts_utils_filterObj.md.SUYinD61.lean.js
rename to assets/src_ranuts_utils_filterObj.md.Q_-NUV8p.lean.js
index 2bc90f771a..3bc047a17d 100644
--- a/assets/src_ranuts_utils_filterObj.md.SUYinD61.lean.js
+++ b/assets/src_ranuts_utils_filterObj.md.Q_-NUV8p.lean.js
@@ -1,4 +1,4 @@
-import{_ as a,o as t,c as i,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"filterObj","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/filterObj.md","filePath":"src/ranuts/utils/filterObj.md","lastUpdated":1728129125000}'),n={name:"src/ranuts/utils/filterObj.md"};function l(h,s,r,p,d,k){return t(),i("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e(`<h1 id="filterobj" tabindex="-1">filterObj <a class="header-anchor" href="#filterobj" aria-label="Permalink to &quot;filterObj&quot;">​</a></h1><p>Filter the properties of the object, remove the properties of the object in the list array, return a new object, usually used to remove null characters and null</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>Object</code></td><td>Return an object</td><td><code>Object</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>obj</td><td>Objects to be filtered</td><td><code>object</code></td><td>无</td></tr><tr><td>list</td><td>Familiar array to filter</td><td><code>array</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { filterObj } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as a,o as t,c as i,a3 as e}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"filterObj","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/filterObj.md","filePath":"src/ranuts/utils/filterObj.md","lastUpdated":1728129344000}'),n={name:"src/ranuts/utils/filterObj.md"};function l(h,s,r,p,d,k){return t(),i("div",{"data-pagefind-body":!0},s[0]||(s[0]=[e(`<h1 id="filterobj" tabindex="-1">filterObj <a class="header-anchor" href="#filterobj" aria-label="Permalink to &quot;filterObj&quot;">​</a></h1><p>Filter the properties of the object, remove the properties of the object in the list array, return a new object, usually used to remove null characters and null</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>Object</code></td><td>Return an object</td><td><code>Object</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>obj</td><td>Objects to be filtered</td><td><code>object</code></td><td>无</td></tr><tr><td>list</td><td>Familiar array to filter</td><td><code>array</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { filterObj } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> obj</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  name: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;chaxus&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
diff --git a/assets/src_ranuts_utils_formatJson.md.BQjsxBql.js b/assets/src_ranuts_utils_formatJson.md.DQX6wWMq.js
similarity index 98%
rename from assets/src_ranuts_utils_formatJson.md.BQjsxBql.js
rename to assets/src_ranuts_utils_formatJson.md.DQX6wWMq.js
index f98147ae27..089355f2eb 100644
--- a/assets/src_ranuts_utils_formatJson.md.BQjsxBql.js
+++ b/assets/src_ranuts_utils_formatJson.md.DQX6wWMq.js
@@ -1,4 +1,4 @@
-import{_ as a,o as t,c as i,a3 as n}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"formatJson","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/formatJson.md","filePath":"src/ranuts/utils/formatJson.md","lastUpdated":1728129125000}'),e={name:"src/ranuts/utils/formatJson.md"};function l(r,s,h,o,d,p){return t(),i("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="formatjson" tabindex="-1">formatJson <a class="header-anchor" href="#formatjson" aria-label="Permalink to &quot;formatJson&quot;">​</a></h1><p>Pass in a JSON or JSON string, add Spaces and newlines to return a formatted JSON string</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>string</code></td><td>Return an object</td><td><code>Object</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>json</td><td>JSON objects that need to be formatted</td><td><code>object</code>,<code>string</code></td><td>null</td></tr><tr><td>callback</td><td>Error callback, optional</td><td><code>function</code></td><td>null</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { formatJson } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as a,o as t,c as i,a3 as n}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"formatJson","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/formatJson.md","filePath":"src/ranuts/utils/formatJson.md","lastUpdated":1728129344000}'),e={name:"src/ranuts/utils/formatJson.md"};function l(r,s,h,o,d,p){return t(),i("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="formatjson" tabindex="-1">formatJson <a class="header-anchor" href="#formatjson" aria-label="Permalink to &quot;formatJson&quot;">​</a></h1><p>Pass in a JSON or JSON string, add Spaces and newlines to return a formatted JSON string</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>string</code></td><td>Return an object</td><td><code>Object</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>json</td><td>JSON objects that need to be formatted</td><td><code>object</code>,<code>string</code></td><td>null</td></tr><tr><td>callback</td><td>Error callback, optional</td><td><code>function</code></td><td>null</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { formatJson } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> json</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  name: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;chaxus&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
diff --git a/assets/src_ranuts_utils_formatJson.md.BQjsxBql.lean.js b/assets/src_ranuts_utils_formatJson.md.DQX6wWMq.lean.js
similarity index 98%
rename from assets/src_ranuts_utils_formatJson.md.BQjsxBql.lean.js
rename to assets/src_ranuts_utils_formatJson.md.DQX6wWMq.lean.js
index f98147ae27..089355f2eb 100644
--- a/assets/src_ranuts_utils_formatJson.md.BQjsxBql.lean.js
+++ b/assets/src_ranuts_utils_formatJson.md.DQX6wWMq.lean.js
@@ -1,4 +1,4 @@
-import{_ as a,o as t,c as i,a3 as n}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"formatJson","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/formatJson.md","filePath":"src/ranuts/utils/formatJson.md","lastUpdated":1728129125000}'),e={name:"src/ranuts/utils/formatJson.md"};function l(r,s,h,o,d,p){return t(),i("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="formatjson" tabindex="-1">formatJson <a class="header-anchor" href="#formatjson" aria-label="Permalink to &quot;formatJson&quot;">​</a></h1><p>Pass in a JSON or JSON string, add Spaces and newlines to return a formatted JSON string</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>string</code></td><td>Return an object</td><td><code>Object</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>json</td><td>JSON objects that need to be formatted</td><td><code>object</code>,<code>string</code></td><td>null</td></tr><tr><td>callback</td><td>Error callback, optional</td><td><code>function</code></td><td>null</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { formatJson } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as a,o as t,c as i,a3 as n}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"formatJson","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/formatJson.md","filePath":"src/ranuts/utils/formatJson.md","lastUpdated":1728129344000}'),e={name:"src/ranuts/utils/formatJson.md"};function l(r,s,h,o,d,p){return t(),i("div",{"data-pagefind-body":!0},s[0]||(s[0]=[n(`<h1 id="formatjson" tabindex="-1">formatJson <a class="header-anchor" href="#formatjson" aria-label="Permalink to &quot;formatJson&quot;">​</a></h1><p>Pass in a JSON or JSON string, add Spaces and newlines to return a formatted JSON string</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>string</code></td><td>Return an object</td><td><code>Object</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>json</td><td>JSON objects that need to be formatted</td><td><code>object</code>,<code>string</code></td><td>null</td></tr><tr><td>callback</td><td>Error callback, optional</td><td><code>function</code></td><td>null</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { formatJson } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> json</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  name: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;chaxus&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
diff --git a/assets/src_ranuts_utils_getCookie.md.glwGRuBT.js b/assets/src_ranuts_utils_getCookie.md.CRjg9zYL.js
similarity index 98%
rename from assets/src_ranuts_utils_getCookie.md.glwGRuBT.js
rename to assets/src_ranuts_utils_getCookie.md.CRjg9zYL.js
index 1bb9b3aaf1..0ce574ed8b 100644
--- a/assets/src_ranuts_utils_getCookie.md.glwGRuBT.js
+++ b/assets/src_ranuts_utils_getCookie.md.CRjg9zYL.js
@@ -1,4 +1,4 @@
-import{_ as a,o as e,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"getCookie","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/getCookie.md","filePath":"src/ranuts/utils/getCookie.md","lastUpdated":1728129125000}'),n={name:"src/ranuts/utils/getCookie.md"};function h(o,t,l,r,d,p){return e(),s("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i(`<h1 id="getcookie" tabindex="-1">getCookie <a class="header-anchor" href="#getcookie" aria-label="Permalink to &quot;getCookie&quot;">​</a></h1><p>Pass in a string to get the value of the cookie with the specified name</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>sting</code></td><td>Returns the value of a cookie with the specified name</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>name</td><td>Specifies the value of the name that gets the cookie</td><td><code>object</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { getCookie } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as a,o as e,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"getCookie","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/getCookie.md","filePath":"src/ranuts/utils/getCookie.md","lastUpdated":1728129344000}'),n={name:"src/ranuts/utils/getCookie.md"};function h(o,t,l,r,d,p){return e(),s("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i(`<h1 id="getcookie" tabindex="-1">getCookie <a class="header-anchor" href="#getcookie" aria-label="Permalink to &quot;getCookie&quot;">​</a></h1><p>Pass in a string to get the value of the cookie with the specified name</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>sting</code></td><td>Returns the value of a cookie with the specified name</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>name</td><td>Specifies the value of the name that gets the cookie</td><td><code>object</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { getCookie } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getCookie</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"></span>
diff --git a/assets/src_ranuts_utils_getCookie.md.glwGRuBT.lean.js b/assets/src_ranuts_utils_getCookie.md.CRjg9zYL.lean.js
similarity index 98%
rename from assets/src_ranuts_utils_getCookie.md.glwGRuBT.lean.js
rename to assets/src_ranuts_utils_getCookie.md.CRjg9zYL.lean.js
index 1bb9b3aaf1..0ce574ed8b 100644
--- a/assets/src_ranuts_utils_getCookie.md.glwGRuBT.lean.js
+++ b/assets/src_ranuts_utils_getCookie.md.CRjg9zYL.lean.js
@@ -1,4 +1,4 @@
-import{_ as a,o as e,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"getCookie","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/getCookie.md","filePath":"src/ranuts/utils/getCookie.md","lastUpdated":1728129125000}'),n={name:"src/ranuts/utils/getCookie.md"};function h(o,t,l,r,d,p){return e(),s("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i(`<h1 id="getcookie" tabindex="-1">getCookie <a class="header-anchor" href="#getcookie" aria-label="Permalink to &quot;getCookie&quot;">​</a></h1><p>Pass in a string to get the value of the cookie with the specified name</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>sting</code></td><td>Returns the value of a cookie with the specified name</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>name</td><td>Specifies the value of the name that gets the cookie</td><td><code>object</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { getCookie } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as a,o as e,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"getCookie","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/getCookie.md","filePath":"src/ranuts/utils/getCookie.md","lastUpdated":1728129344000}'),n={name:"src/ranuts/utils/getCookie.md"};function h(o,t,l,r,d,p){return e(),s("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i(`<h1 id="getcookie" tabindex="-1">getCookie <a class="header-anchor" href="#getcookie" aria-label="Permalink to &quot;getCookie&quot;">​</a></h1><p>Pass in a string to get the value of the cookie with the specified name</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>sting</code></td><td>Returns the value of a cookie with the specified name</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>name</td><td>Specifies the value of the name that gets the cookie</td><td><code>object</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { getCookie } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getCookie</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"></span>
diff --git a/assets/src_ranuts_utils_ocr.md.Bac0Ieci.js b/assets/src_ranuts_utils_ocr.md.COxYWSg4.js
similarity index 98%
rename from assets/src_ranuts_utils_ocr.md.Bac0Ieci.js
rename to assets/src_ranuts_utils_ocr.md.COxYWSg4.js
index 2b53b73626..b98b267724 100644
--- a/assets/src_ranuts_utils_ocr.md.Bac0Ieci.js
+++ b/assets/src_ranuts_utils_ocr.md.COxYWSg4.js
@@ -1,4 +1,4 @@
-import{_ as d,o as a,c as r,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"OCR","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/ocr.md","filePath":"src/ranuts/utils/ocr.md","lastUpdated":1728129125000}'),s={name:"src/ranuts/utils/ocr.md"};function e(n,t,l,h,o,p){return a(),r("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i(`<h1 id="ocr" tabindex="-1">OCR <a class="header-anchor" href="#ocr" aria-label="Permalink to &quot;OCR&quot;">​</a></h1><p>Pass in the image and the corresponding language type, and return the text in the image.</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>success</code></td><td>Whether the resolution is successful</td><td><code>boolean</code></td></tr><tr><td><code>data</code></td><td>The object is parsed successfully</td><td><code>obj</code></td></tr><tr><td><code>message</code></td><td>Analyze the reasons for success or failure</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>images</td><td>An array of images, supporting &#39;url&#39; and &#39;base64&#39;</td><td><code>Array&lt;string&gt;</code></td><td>null</td></tr><tr><td>language</td><td>Specify the language in which the text will be generated<a href="#lang-code">lang-code</a></td><td><code>string</code></td><td>无</td></tr><tr><td>langPath</td><td>When using it, you need to be able to access cdn.jsdelivr.net, which will download the corresponding language package, if you cannot access it, you can also put the language package locally, passing the corresponding <strong>directory</strong> path</td><td><code>string</code></td><td>This parameter is optional. By default, download from the network</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { ocr } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as d,o as a,c as r,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"OCR","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/ocr.md","filePath":"src/ranuts/utils/ocr.md","lastUpdated":1728129344000}'),s={name:"src/ranuts/utils/ocr.md"};function e(n,t,l,h,o,p){return a(),r("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i(`<h1 id="ocr" tabindex="-1">OCR <a class="header-anchor" href="#ocr" aria-label="Permalink to &quot;OCR&quot;">​</a></h1><p>Pass in the image and the corresponding language type, and return the text in the image.</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>success</code></td><td>Whether the resolution is successful</td><td><code>boolean</code></td></tr><tr><td><code>data</code></td><td>The object is parsed successfully</td><td><code>obj</code></td></tr><tr><td><code>message</code></td><td>Analyze the reasons for success or failure</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>images</td><td>An array of images, supporting &#39;url&#39; and &#39;base64&#39;</td><td><code>Array&lt;string&gt;</code></td><td>null</td></tr><tr><td>language</td><td>Specify the language in which the text will be generated<a href="#lang-code">lang-code</a></td><td><code>string</code></td><td>无</td></tr><tr><td>langPath</td><td>When using it, you need to be able to access cdn.jsdelivr.net, which will download the corresponding language package, if you cannot access it, you can also put the language package locally, passing the corresponding <strong>directory</strong> path</td><td><code>string</code></td><td>This parameter is optional. By default, download from the network</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { ocr } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> images</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;https://chaxus.github.io/ran/ocr/eng.png&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> languages</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;eng&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
diff --git a/assets/src_ranuts_utils_ocr.md.Bac0Ieci.lean.js b/assets/src_ranuts_utils_ocr.md.COxYWSg4.lean.js
similarity index 98%
rename from assets/src_ranuts_utils_ocr.md.Bac0Ieci.lean.js
rename to assets/src_ranuts_utils_ocr.md.COxYWSg4.lean.js
index 2b53b73626..b98b267724 100644
--- a/assets/src_ranuts_utils_ocr.md.Bac0Ieci.lean.js
+++ b/assets/src_ranuts_utils_ocr.md.COxYWSg4.lean.js
@@ -1,4 +1,4 @@
-import{_ as d,o as a,c as r,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"OCR","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/ocr.md","filePath":"src/ranuts/utils/ocr.md","lastUpdated":1728129125000}'),s={name:"src/ranuts/utils/ocr.md"};function e(n,t,l,h,o,p){return a(),r("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i(`<h1 id="ocr" tabindex="-1">OCR <a class="header-anchor" href="#ocr" aria-label="Permalink to &quot;OCR&quot;">​</a></h1><p>Pass in the image and the corresponding language type, and return the text in the image.</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>success</code></td><td>Whether the resolution is successful</td><td><code>boolean</code></td></tr><tr><td><code>data</code></td><td>The object is parsed successfully</td><td><code>obj</code></td></tr><tr><td><code>message</code></td><td>Analyze the reasons for success or failure</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>images</td><td>An array of images, supporting &#39;url&#39; and &#39;base64&#39;</td><td><code>Array&lt;string&gt;</code></td><td>null</td></tr><tr><td>language</td><td>Specify the language in which the text will be generated<a href="#lang-code">lang-code</a></td><td><code>string</code></td><td>无</td></tr><tr><td>langPath</td><td>When using it, you need to be able to access cdn.jsdelivr.net, which will download the corresponding language package, if you cannot access it, you can also put the language package locally, passing the corresponding <strong>directory</strong> path</td><td><code>string</code></td><td>This parameter is optional. By default, download from the network</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { ocr } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as d,o as a,c as r,a3 as i}from"./chunks/framework.eq-HTtE3.js";const c=JSON.parse('{"title":"OCR","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/ocr.md","filePath":"src/ranuts/utils/ocr.md","lastUpdated":1728129344000}'),s={name:"src/ranuts/utils/ocr.md"};function e(n,t,l,h,o,p){return a(),r("div",{"data-pagefind-body":!0},t[0]||(t[0]=[i(`<h1 id="ocr" tabindex="-1">OCR <a class="header-anchor" href="#ocr" aria-label="Permalink to &quot;OCR&quot;">​</a></h1><p>Pass in the image and the corresponding language type, and return the text in the image.</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>success</code></td><td>Whether the resolution is successful</td><td><code>boolean</code></td></tr><tr><td><code>data</code></td><td>The object is parsed successfully</td><td><code>obj</code></td></tr><tr><td><code>message</code></td><td>Analyze the reasons for success or failure</td><td><code>string</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>images</td><td>An array of images, supporting &#39;url&#39; and &#39;base64&#39;</td><td><code>Array&lt;string&gt;</code></td><td>null</td></tr><tr><td>language</td><td>Specify the language in which the text will be generated<a href="#lang-code">lang-code</a></td><td><code>string</code></td><td>无</td></tr><tr><td>langPath</td><td>When using it, you need to be able to access cdn.jsdelivr.net, which will download the corresponding language package, if you cannot access it, you can also put the language package locally, passing the corresponding <strong>directory</strong> path</td><td><code>string</code></td><td>This parameter is optional. By default, download from the network</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { ocr } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> images</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;https://chaxus.github.io/ran/ocr/eng.png&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> languages</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;eng&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
diff --git a/assets/src_ranuts_utils_str2xml.md.BTPyA91O.js b/assets/src_ranuts_utils_str2xml.md.84gjZ6IG.js
similarity index 98%
rename from assets/src_ranuts_utils_str2xml.md.BTPyA91O.js
rename to assets/src_ranuts_utils_str2xml.md.84gjZ6IG.js
index 0c0df4ece9..a1e54bd11e 100644
--- a/assets/src_ranuts_utils_str2xml.md.BTPyA91O.js
+++ b/assets/src_ranuts_utils_str2xml.md.84gjZ6IG.js
@@ -1,4 +1,4 @@
-import{_ as s,o as a,c as i,a3 as e}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"str2Xml","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/str2xml.md","filePath":"src/ranuts/utils/str2xml.md","lastUpdated":1728129125000}'),n={name:"src/ranuts/utils/str2xml.md"};function l(r,t,h,d,o,p){return a(),i("div",{"data-pagefind-body":!0},t[0]||(t[0]=[e(`<h1 id="str2xml" tabindex="-1">str2Xml <a class="header-anchor" href="#str2xml" aria-label="Permalink to &quot;str2Xml&quot;">​</a></h1><p>Pass in a string and convert it to &#39;xml&#39;</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>HTMLElement</code></td><td>返回一个<code>HTMLElement</code></td><td><code>HTMLElement</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>xmlStr</td><td>Incoming parameter</td><td><code>string</code></td><td>null</td></tr><tr><td>format</td><td>Set the format to be converted. The default is&#39; text/xml &#39;</td><td>&#39; DOMParserSupportedType &#39;</td><td>null</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><p>For example, when doing icon library, we need to dynamically import all the &#39;ICONS&#39; in the directory. In this case, strings are imported, but strings cannot be added to &#39;xml&#39;. So we need to convert the string to &#39;xml&#39;, and then we can add it to &#39;xml&#39;.</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { str2Xml } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as s,o as a,c as i,a3 as e}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"str2Xml","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/str2xml.md","filePath":"src/ranuts/utils/str2xml.md","lastUpdated":1728129344000}'),n={name:"src/ranuts/utils/str2xml.md"};function l(r,t,h,d,o,p){return a(),i("div",{"data-pagefind-body":!0},t[0]||(t[0]=[e(`<h1 id="str2xml" tabindex="-1">str2Xml <a class="header-anchor" href="#str2xml" aria-label="Permalink to &quot;str2Xml&quot;">​</a></h1><p>Pass in a string and convert it to &#39;xml&#39;</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>HTMLElement</code></td><td>返回一个<code>HTMLElement</code></td><td><code>HTMLElement</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>xmlStr</td><td>Incoming parameter</td><td><code>string</code></td><td>null</td></tr><tr><td>format</td><td>Set the format to be converted. The default is&#39; text/xml &#39;</td><td>&#39; DOMParserSupportedType &#39;</td><td>null</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><p>For example, when doing icon library, we need to dynamically import all the &#39;ICONS&#39; in the directory. In this case, strings are imported, but strings cannot be added to &#39;xml&#39;. So we need to convert the string to &#39;xml&#39;, and then we can add it to &#39;xml&#39;.</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { str2Xml } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// import &#39;assets/*.svg&#39;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> svg</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> \`&lt;svg t=&quot;1667483498347&quot; class=&quot;icon&quot; viewBox=&quot;0 0 1024 1024&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; p-id=&quot;8544&quot; width=&quot;200&quot; height=&quot;200&quot;&gt;&lt;path d=&quot;M858.5 763.6c-18.9-44.8-46.1-85-80.6-119.5-34.5-34.5-74.7-61.6-119.5-80.6-0.4-0.2-0.8-0.3-1.2-0.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-0.4 0.2-0.8 0.3-1.2 0.5-44.8 18.9-85 46-119.5 80.6-34.5 34.5-61.6 74.7-80.6 119.5C146.9 807.5 137 854 136 901.8c-0.1 4.5 3.5 8.2 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c0.1 4.4 3.6 7.8 8 7.8h60c4.5 0 8.1-3.7 8-8.2-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z&quot; p-id=&quot;8545&quot;&gt;&lt;/path&gt;&lt;/svg&gt;\`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
diff --git a/assets/src_ranuts_utils_str2xml.md.BTPyA91O.lean.js b/assets/src_ranuts_utils_str2xml.md.84gjZ6IG.lean.js
similarity index 98%
rename from assets/src_ranuts_utils_str2xml.md.BTPyA91O.lean.js
rename to assets/src_ranuts_utils_str2xml.md.84gjZ6IG.lean.js
index 0c0df4ece9..a1e54bd11e 100644
--- a/assets/src_ranuts_utils_str2xml.md.BTPyA91O.lean.js
+++ b/assets/src_ranuts_utils_str2xml.md.84gjZ6IG.lean.js
@@ -1,4 +1,4 @@
-import{_ as s,o as a,c as i,a3 as e}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"str2Xml","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/str2xml.md","filePath":"src/ranuts/utils/str2xml.md","lastUpdated":1728129125000}'),n={name:"src/ranuts/utils/str2xml.md"};function l(r,t,h,d,o,p){return a(),i("div",{"data-pagefind-body":!0},t[0]||(t[0]=[e(`<h1 id="str2xml" tabindex="-1">str2Xml <a class="header-anchor" href="#str2xml" aria-label="Permalink to &quot;str2Xml&quot;">​</a></h1><p>Pass in a string and convert it to &#39;xml&#39;</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>HTMLElement</code></td><td>返回一个<code>HTMLElement</code></td><td><code>HTMLElement</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>xmlStr</td><td>Incoming parameter</td><td><code>string</code></td><td>null</td></tr><tr><td>format</td><td>Set the format to be converted. The default is&#39; text/xml &#39;</td><td>&#39; DOMParserSupportedType &#39;</td><td>null</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><p>For example, when doing icon library, we need to dynamically import all the &#39;ICONS&#39; in the directory. In this case, strings are imported, but strings cannot be added to &#39;xml&#39;. So we need to convert the string to &#39;xml&#39;, and then we can add it to &#39;xml&#39;.</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { str2Xml } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as s,o as a,c as i,a3 as e}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"str2Xml","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/str2xml.md","filePath":"src/ranuts/utils/str2xml.md","lastUpdated":1728129344000}'),n={name:"src/ranuts/utils/str2xml.md"};function l(r,t,h,d,o,p){return a(),i("div",{"data-pagefind-body":!0},t[0]||(t[0]=[e(`<h1 id="str2xml" tabindex="-1">str2Xml <a class="header-anchor" href="#str2xml" aria-label="Permalink to &quot;str2Xml&quot;">​</a></h1><p>Pass in a string and convert it to &#39;xml&#39;</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th></tr></thead><tbody><tr><td><code>HTMLElement</code></td><td>返回一个<code>HTMLElement</code></td><td><code>HTMLElement</code></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>argument</th><th>Instructions</th><th>type</th><th>Default value</th></tr></thead><tbody><tr><td>xmlStr</td><td>Incoming parameter</td><td><code>string</code></td><td>null</td></tr><tr><td>format</td><td>Set the format to be converted. The default is&#39; text/xml &#39;</td><td>&#39; DOMParserSupportedType &#39;</td><td>null</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2><p>For example, when doing icon library, we need to dynamically import all the &#39;ICONS&#39; in the directory. In this case, strings are imported, but strings cannot be added to &#39;xml&#39;. So we need to convert the string to &#39;xml&#39;, and then we can add it to &#39;xml&#39;.</p><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { str2Xml } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;ranuts&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// import &#39;assets/*.svg&#39;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> svg</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> \`&lt;svg t=&quot;1667483498347&quot; class=&quot;icon&quot; viewBox=&quot;0 0 1024 1024&quot; version=&quot;1.1&quot; xmlns=&quot;http://www.w3.org/2000/svg&quot; p-id=&quot;8544&quot; width=&quot;200&quot; height=&quot;200&quot;&gt;&lt;path d=&quot;M858.5 763.6c-18.9-44.8-46.1-85-80.6-119.5-34.5-34.5-74.7-61.6-119.5-80.6-0.4-0.2-0.8-0.3-1.2-0.5C719.5 518 760 444.7 760 362c0-137-111-248-248-248S264 225 264 362c0 82.7 40.5 156 102.8 201.1-0.4 0.2-0.8 0.3-1.2 0.5-44.8 18.9-85 46-119.5 80.6-34.5 34.5-61.6 74.7-80.6 119.5C146.9 807.5 137 854 136 901.8c-0.1 4.5 3.5 8.2 8 8.2h60c4.4 0 7.9-3.5 8-7.8 2-77.2 33-149.5 87.8-204.3 56.7-56.7 132-87.9 212.2-87.9s155.5 31.2 212.2 87.9C779 752.7 810 825 812 902.2c0.1 4.4 3.6 7.8 8 7.8h60c4.5 0 8.1-3.7 8-8.2-1-47.8-10.9-94.3-29.5-138.2zM512 534c-45.9 0-89.1-17.9-121.6-50.4S340 407.9 340 362c0-45.9 17.9-89.1 50.4-121.6S466.1 190 512 190s89.1 17.9 121.6 50.4S684 316.1 684 362c0 45.9-17.9 89.1-50.4 121.6S557.9 534 512 534z&quot; p-id=&quot;8545&quot;&gt;&lt;/path&gt;&lt;/svg&gt;\`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
diff --git a/assets/src_ranuts_utils_task.md.BA-6r3zJ.js b/assets/src_ranuts_utils_task.md.DEROvLOz.js
similarity index 99%
rename from assets/src_ranuts_utils_task.md.BA-6r3zJ.js
rename to assets/src_ranuts_utils_task.md.DEROvLOz.js
index 2ee77488c8..05829963f4 100644
--- a/assets/src_ranuts_utils_task.md.BA-6r3zJ.js
+++ b/assets/src_ranuts_utils_task.md.DEROvLOz.js
@@ -1 +1 @@
-import{_ as t,o as a,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"Statistical execution time","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/task.md","filePath":"src/ranuts/utils/task.md","lastUpdated":1728129125000}'),o={name:"src/ranuts/utils/task.md"};function n(d,e,r,c,l,h){return a(),s("div",{"data-pagefind-body":!0},e[0]||(e[0]=[i('<h1 id="statistical-execution-time" tabindex="-1">Statistical execution time <a class="header-anchor" href="#statistical-execution-time" aria-label="Permalink to &quot;Statistical execution time&quot;">​</a></h1><p>Sometimes, we need statistics on the execution time of a function to analyze performance. Therefore, the &#39;startTask&#39; and &#39;taskEnd&#39; functions are wrapped. Three other statistical methods are also introduced</p><ol><li><code>new Date().getTime()</code>,</li><li><code>console.time()</code> , <code>console.timeEnd()</code>,</li><li><code>performance.now()</code></li></ol><h2 id="一-starttask-taskend" tabindex="-1">一.<code>startTask</code>,<code>taskEnd</code> <a class="header-anchor" href="#一-starttask-taskend" aria-label="Permalink to &quot;一.`startTask`,`taskEnd`&quot;">​</a></h2><h3 id="_1-starttask" tabindex="-1">1.startTask <a class="header-anchor" href="#_1-starttask" aria-label="Permalink to &quot;1.startTask&quot;">​</a></h3><p>Execute before the task begins</p><h4 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>taskId</td><td>任务标识</td><td><code>unique symbol </code></td></tr></tbody></table><h3 id="_2-taskend" tabindex="-1">2.taskEnd <a class="header-anchor" href="#_2-taskend" aria-label="Permalink to &quot;2.taskEnd&quot;">​</a></h3><p>任务结束的时候执行，需要传入<code>startTask</code>返回的任务标识</p><h4 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>taskId</td><td>任务标识</td><td><code>unique symbol </code></td><td>无默认值，参数必传，否则无法识别是哪个任务</td></tr></tbody></table><h4 id="return-1" tabindex="-1">Return <a class="header-anchor" href="#return-1" aria-label="Permalink to &quot;Return&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>time</code></td><td><code>task</code>执行的时间</td><td><code>number</code></td></tr></tbody></table><h3 id="_3-使用例子" tabindex="-1">3.使用例子 <a class="header-anchor" href="#_3-使用例子" aria-label="Permalink to &quot;3.使用例子&quot;">​</a></h3><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> taskId</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> startTask</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// do something</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> time</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> taskEnd</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(taskId);</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;task 执行花费的时间&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, time);</span></span></code></pre></div><h2 id="二-new-date-gettime" tabindex="-1">二.new Date().getTime() <a class="header-anchor" href="#二-new-date-gettime" aria-label="Permalink to &quot;二.new Date().getTime()&quot;">​</a></h2><p><code>new Date().getTime()</code> 返回一个数值，表示从 1970 年 1 月 1 日 0 时 0 分 0 秒（UTC，即协调世界时）距离该日期对象所代表时间的毫秒数。用来计算 JS 执行时间会有两个问题：</p><ol><li>某些情况下，毫秒级精度可能不够。</li><li><code>new Date()</code> 解析的时间在不同浏览器，或者不同设备上可能并不一致。<a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date" target="_blank" rel="noreferrer">MDN 说明</a><blockquote><p>由于浏览器之间的差异与不一致性，强烈不推荐使用 Date 构造函数来解析日期字符串 (或使用与其等价的 Date.parse)。对 RFC 2822 格式的日期仅有约定俗成的支持。对 ISO 8601 格式的支持中，仅有日期的串 (例如 &quot;1970-01-01&quot;) 会被处理为 UTC 而不是本地时间，与其他格式的串的处理不同。</p></blockquote></li></ol><h2 id="三-console-time-console-timeend" tabindex="-1">三.<code>console.time()</code>, <code>console.timeEnd()</code> <a class="header-anchor" href="#三-console-time-console-timeend" aria-label="Permalink to &quot;三.`console.time()`, `console.timeEnd()`&quot;">​</a></h2><p>启动一个计时器来跟踪某一个操作的占用时长。每一个计时器必须拥有唯一的名字，页面中最多能同时运行 10,000 个计时器。当以此计时器名字为参数调用 console.timeEnd() 时，浏览器将以毫秒为单位，输出对应计时器所经过的时间。比起<code>new Date().getTime()</code>，统计时间更加精确，可以统计到 0.001 毫秒(比如：0.134ms)</p><h2 id="四-performance-now" tabindex="-1">四.<code>performance.now()</code> <a class="header-anchor" href="#四-performance-now" aria-label="Permalink to &quot;四.`performance.now()`&quot;">​</a></h2><p><code>performance.now()</code>返回的时间精度最高可达微秒级，且不会受到系统时间的影响（系统时钟可能会被手动调整或被 NTP 等软件篡改）。另外，<code>performance.timing.navigationStart + performance.now()</code> 约等于 <code>Date.now()</code>。因此对于统计 JS 执行耗时方面，更推荐使用<code>performance.now()</code>。</p><blockquote><p>注意：为了提供对定时攻击和指纹的保护，<code>performance.now()</code> 的精度可能会根据浏览器的设置而被舍弃。 在 <code>Firefox</code> 中，<code>privacy.reduceTimerPrecision</code> 偏好是默认启用的，默认值为 <code>1ms</code>。可以启用 <code>privacy.resistFingerprinting</code> 这将精度改为 100ms 或<code>privacy.resistFingerprinting.reduceTimerPrecision.microseconds</code> 的值，以较大者为准。</p></blockquote>',24)]))}const m=t(o,[["render",n]]);export{k as __pageData,m as default};
+import{_ as t,o as a,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"Statistical execution time","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/task.md","filePath":"src/ranuts/utils/task.md","lastUpdated":1728129344000}'),o={name:"src/ranuts/utils/task.md"};function n(d,e,r,c,l,h){return a(),s("div",{"data-pagefind-body":!0},e[0]||(e[0]=[i('<h1 id="statistical-execution-time" tabindex="-1">Statistical execution time <a class="header-anchor" href="#statistical-execution-time" aria-label="Permalink to &quot;Statistical execution time&quot;">​</a></h1><p>Sometimes, we need statistics on the execution time of a function to analyze performance. Therefore, the &#39;startTask&#39; and &#39;taskEnd&#39; functions are wrapped. Three other statistical methods are also introduced</p><ol><li><code>new Date().getTime()</code>,</li><li><code>console.time()</code> , <code>console.timeEnd()</code>,</li><li><code>performance.now()</code></li></ol><h2 id="一-starttask-taskend" tabindex="-1">一.<code>startTask</code>,<code>taskEnd</code> <a class="header-anchor" href="#一-starttask-taskend" aria-label="Permalink to &quot;一.`startTask`,`taskEnd`&quot;">​</a></h2><h3 id="_1-starttask" tabindex="-1">1.startTask <a class="header-anchor" href="#_1-starttask" aria-label="Permalink to &quot;1.startTask&quot;">​</a></h3><p>Execute before the task begins</p><h4 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>taskId</td><td>任务标识</td><td><code>unique symbol </code></td></tr></tbody></table><h3 id="_2-taskend" tabindex="-1">2.taskEnd <a class="header-anchor" href="#_2-taskend" aria-label="Permalink to &quot;2.taskEnd&quot;">​</a></h3><p>任务结束的时候执行，需要传入<code>startTask</code>返回的任务标识</p><h4 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>taskId</td><td>任务标识</td><td><code>unique symbol </code></td><td>无默认值，参数必传，否则无法识别是哪个任务</td></tr></tbody></table><h4 id="return-1" tabindex="-1">Return <a class="header-anchor" href="#return-1" aria-label="Permalink to &quot;Return&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>time</code></td><td><code>task</code>执行的时间</td><td><code>number</code></td></tr></tbody></table><h3 id="_3-使用例子" tabindex="-1">3.使用例子 <a class="header-anchor" href="#_3-使用例子" aria-label="Permalink to &quot;3.使用例子&quot;">​</a></h3><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> taskId</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> startTask</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// do something</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> time</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> taskEnd</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(taskId);</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;task 执行花费的时间&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, time);</span></span></code></pre></div><h2 id="二-new-date-gettime" tabindex="-1">二.new Date().getTime() <a class="header-anchor" href="#二-new-date-gettime" aria-label="Permalink to &quot;二.new Date().getTime()&quot;">​</a></h2><p><code>new Date().getTime()</code> 返回一个数值，表示从 1970 年 1 月 1 日 0 时 0 分 0 秒（UTC，即协调世界时）距离该日期对象所代表时间的毫秒数。用来计算 JS 执行时间会有两个问题：</p><ol><li>某些情况下，毫秒级精度可能不够。</li><li><code>new Date()</code> 解析的时间在不同浏览器，或者不同设备上可能并不一致。<a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date" target="_blank" rel="noreferrer">MDN 说明</a><blockquote><p>由于浏览器之间的差异与不一致性，强烈不推荐使用 Date 构造函数来解析日期字符串 (或使用与其等价的 Date.parse)。对 RFC 2822 格式的日期仅有约定俗成的支持。对 ISO 8601 格式的支持中，仅有日期的串 (例如 &quot;1970-01-01&quot;) 会被处理为 UTC 而不是本地时间，与其他格式的串的处理不同。</p></blockquote></li></ol><h2 id="三-console-time-console-timeend" tabindex="-1">三.<code>console.time()</code>, <code>console.timeEnd()</code> <a class="header-anchor" href="#三-console-time-console-timeend" aria-label="Permalink to &quot;三.`console.time()`, `console.timeEnd()`&quot;">​</a></h2><p>启动一个计时器来跟踪某一个操作的占用时长。每一个计时器必须拥有唯一的名字，页面中最多能同时运行 10,000 个计时器。当以此计时器名字为参数调用 console.timeEnd() 时，浏览器将以毫秒为单位，输出对应计时器所经过的时间。比起<code>new Date().getTime()</code>，统计时间更加精确，可以统计到 0.001 毫秒(比如：0.134ms)</p><h2 id="四-performance-now" tabindex="-1">四.<code>performance.now()</code> <a class="header-anchor" href="#四-performance-now" aria-label="Permalink to &quot;四.`performance.now()`&quot;">​</a></h2><p><code>performance.now()</code>返回的时间精度最高可达微秒级，且不会受到系统时间的影响（系统时钟可能会被手动调整或被 NTP 等软件篡改）。另外，<code>performance.timing.navigationStart + performance.now()</code> 约等于 <code>Date.now()</code>。因此对于统计 JS 执行耗时方面，更推荐使用<code>performance.now()</code>。</p><blockquote><p>注意：为了提供对定时攻击和指纹的保护，<code>performance.now()</code> 的精度可能会根据浏览器的设置而被舍弃。 在 <code>Firefox</code> 中，<code>privacy.reduceTimerPrecision</code> 偏好是默认启用的，默认值为 <code>1ms</code>。可以启用 <code>privacy.resistFingerprinting</code> 这将精度改为 100ms 或<code>privacy.resistFingerprinting.reduceTimerPrecision.microseconds</code> 的值，以较大者为准。</p></blockquote>',24)]))}const m=t(o,[["render",n]]);export{k as __pageData,m as default};
diff --git a/assets/src_ranuts_utils_task.md.BA-6r3zJ.lean.js b/assets/src_ranuts_utils_task.md.DEROvLOz.lean.js
similarity index 99%
rename from assets/src_ranuts_utils_task.md.BA-6r3zJ.lean.js
rename to assets/src_ranuts_utils_task.md.DEROvLOz.lean.js
index 2ee77488c8..05829963f4 100644
--- a/assets/src_ranuts_utils_task.md.BA-6r3zJ.lean.js
+++ b/assets/src_ranuts_utils_task.md.DEROvLOz.lean.js
@@ -1 +1 @@
-import{_ as t,o as a,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"Statistical execution time","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/task.md","filePath":"src/ranuts/utils/task.md","lastUpdated":1728129125000}'),o={name:"src/ranuts/utils/task.md"};function n(d,e,r,c,l,h){return a(),s("div",{"data-pagefind-body":!0},e[0]||(e[0]=[i('<h1 id="statistical-execution-time" tabindex="-1">Statistical execution time <a class="header-anchor" href="#statistical-execution-time" aria-label="Permalink to &quot;Statistical execution time&quot;">​</a></h1><p>Sometimes, we need statistics on the execution time of a function to analyze performance. Therefore, the &#39;startTask&#39; and &#39;taskEnd&#39; functions are wrapped. Three other statistical methods are also introduced</p><ol><li><code>new Date().getTime()</code>,</li><li><code>console.time()</code> , <code>console.timeEnd()</code>,</li><li><code>performance.now()</code></li></ol><h2 id="一-starttask-taskend" tabindex="-1">一.<code>startTask</code>,<code>taskEnd</code> <a class="header-anchor" href="#一-starttask-taskend" aria-label="Permalink to &quot;一.`startTask`,`taskEnd`&quot;">​</a></h2><h3 id="_1-starttask" tabindex="-1">1.startTask <a class="header-anchor" href="#_1-starttask" aria-label="Permalink to &quot;1.startTask&quot;">​</a></h3><p>Execute before the task begins</p><h4 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>taskId</td><td>任务标识</td><td><code>unique symbol </code></td></tr></tbody></table><h3 id="_2-taskend" tabindex="-1">2.taskEnd <a class="header-anchor" href="#_2-taskend" aria-label="Permalink to &quot;2.taskEnd&quot;">​</a></h3><p>任务结束的时候执行，需要传入<code>startTask</code>返回的任务标识</p><h4 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>taskId</td><td>任务标识</td><td><code>unique symbol </code></td><td>无默认值，参数必传，否则无法识别是哪个任务</td></tr></tbody></table><h4 id="return-1" tabindex="-1">Return <a class="header-anchor" href="#return-1" aria-label="Permalink to &quot;Return&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>time</code></td><td><code>task</code>执行的时间</td><td><code>number</code></td></tr></tbody></table><h3 id="_3-使用例子" tabindex="-1">3.使用例子 <a class="header-anchor" href="#_3-使用例子" aria-label="Permalink to &quot;3.使用例子&quot;">​</a></h3><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> taskId</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> startTask</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// do something</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> time</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> taskEnd</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(taskId);</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;task 执行花费的时间&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, time);</span></span></code></pre></div><h2 id="二-new-date-gettime" tabindex="-1">二.new Date().getTime() <a class="header-anchor" href="#二-new-date-gettime" aria-label="Permalink to &quot;二.new Date().getTime()&quot;">​</a></h2><p><code>new Date().getTime()</code> 返回一个数值，表示从 1970 年 1 月 1 日 0 时 0 分 0 秒（UTC，即协调世界时）距离该日期对象所代表时间的毫秒数。用来计算 JS 执行时间会有两个问题：</p><ol><li>某些情况下，毫秒级精度可能不够。</li><li><code>new Date()</code> 解析的时间在不同浏览器，或者不同设备上可能并不一致。<a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date" target="_blank" rel="noreferrer">MDN 说明</a><blockquote><p>由于浏览器之间的差异与不一致性，强烈不推荐使用 Date 构造函数来解析日期字符串 (或使用与其等价的 Date.parse)。对 RFC 2822 格式的日期仅有约定俗成的支持。对 ISO 8601 格式的支持中，仅有日期的串 (例如 &quot;1970-01-01&quot;) 会被处理为 UTC 而不是本地时间，与其他格式的串的处理不同。</p></blockquote></li></ol><h2 id="三-console-time-console-timeend" tabindex="-1">三.<code>console.time()</code>, <code>console.timeEnd()</code> <a class="header-anchor" href="#三-console-time-console-timeend" aria-label="Permalink to &quot;三.`console.time()`, `console.timeEnd()`&quot;">​</a></h2><p>启动一个计时器来跟踪某一个操作的占用时长。每一个计时器必须拥有唯一的名字，页面中最多能同时运行 10,000 个计时器。当以此计时器名字为参数调用 console.timeEnd() 时，浏览器将以毫秒为单位，输出对应计时器所经过的时间。比起<code>new Date().getTime()</code>，统计时间更加精确，可以统计到 0.001 毫秒(比如：0.134ms)</p><h2 id="四-performance-now" tabindex="-1">四.<code>performance.now()</code> <a class="header-anchor" href="#四-performance-now" aria-label="Permalink to &quot;四.`performance.now()`&quot;">​</a></h2><p><code>performance.now()</code>返回的时间精度最高可达微秒级，且不会受到系统时间的影响（系统时钟可能会被手动调整或被 NTP 等软件篡改）。另外，<code>performance.timing.navigationStart + performance.now()</code> 约等于 <code>Date.now()</code>。因此对于统计 JS 执行耗时方面，更推荐使用<code>performance.now()</code>。</p><blockquote><p>注意：为了提供对定时攻击和指纹的保护，<code>performance.now()</code> 的精度可能会根据浏览器的设置而被舍弃。 在 <code>Firefox</code> 中，<code>privacy.reduceTimerPrecision</code> 偏好是默认启用的，默认值为 <code>1ms</code>。可以启用 <code>privacy.resistFingerprinting</code> 这将精度改为 100ms 或<code>privacy.resistFingerprinting.reduceTimerPrecision.microseconds</code> 的值，以较大者为准。</p></blockquote>',24)]))}const m=t(o,[["render",n]]);export{k as __pageData,m as default};
+import{_ as t,o as a,c as s,a3 as i}from"./chunks/framework.eq-HTtE3.js";const k=JSON.parse('{"title":"Statistical execution time","description":"","frontmatter":{},"headers":[],"relativePath":"src/ranuts/utils/task.md","filePath":"src/ranuts/utils/task.md","lastUpdated":1728129344000}'),o={name:"src/ranuts/utils/task.md"};function n(d,e,r,c,l,h){return a(),s("div",{"data-pagefind-body":!0},e[0]||(e[0]=[i('<h1 id="statistical-execution-time" tabindex="-1">Statistical execution time <a class="header-anchor" href="#statistical-execution-time" aria-label="Permalink to &quot;Statistical execution time&quot;">​</a></h1><p>Sometimes, we need statistics on the execution time of a function to analyze performance. Therefore, the &#39;startTask&#39; and &#39;taskEnd&#39; functions are wrapped. Three other statistical methods are also introduced</p><ol><li><code>new Date().getTime()</code>,</li><li><code>console.time()</code> , <code>console.timeEnd()</code>,</li><li><code>performance.now()</code></li></ol><h2 id="一-starttask-taskend" tabindex="-1">一.<code>startTask</code>,<code>taskEnd</code> <a class="header-anchor" href="#一-starttask-taskend" aria-label="Permalink to &quot;一.`startTask`,`taskEnd`&quot;">​</a></h2><h3 id="_1-starttask" tabindex="-1">1.startTask <a class="header-anchor" href="#_1-starttask" aria-label="Permalink to &quot;1.startTask&quot;">​</a></h3><p>Execute before the task begins</p><h4 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>taskId</td><td>任务标识</td><td><code>unique symbol </code></td></tr></tbody></table><h3 id="_2-taskend" tabindex="-1">2.taskEnd <a class="header-anchor" href="#_2-taskend" aria-label="Permalink to &quot;2.taskEnd&quot;">​</a></h3><p>任务结束的时候执行，需要传入<code>startTask</code>返回的任务标识</p><h4 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>taskId</td><td>任务标识</td><td><code>unique symbol </code></td><td>无默认值，参数必传，否则无法识别是哪个任务</td></tr></tbody></table><h4 id="return-1" tabindex="-1">Return <a class="header-anchor" href="#return-1" aria-label="Permalink to &quot;Return&quot;">​</a></h4><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td><code>time</code></td><td><code>task</code>执行的时间</td><td><code>number</code></td></tr></tbody></table><h3 id="_3-使用例子" tabindex="-1">3.使用例子 <a class="header-anchor" href="#_3-使用例子" aria-label="Permalink to &quot;3.使用例子&quot;">​</a></h3><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> taskId</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> startTask</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// do something</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> time</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> taskEnd</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(taskId);</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;task 执行花费的时间&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, time);</span></span></code></pre></div><h2 id="二-new-date-gettime" tabindex="-1">二.new Date().getTime() <a class="header-anchor" href="#二-new-date-gettime" aria-label="Permalink to &quot;二.new Date().getTime()&quot;">​</a></h2><p><code>new Date().getTime()</code> 返回一个数值，表示从 1970 年 1 月 1 日 0 时 0 分 0 秒（UTC，即协调世界时）距离该日期对象所代表时间的毫秒数。用来计算 JS 执行时间会有两个问题：</p><ol><li>某些情况下，毫秒级精度可能不够。</li><li><code>new Date()</code> 解析的时间在不同浏览器，或者不同设备上可能并不一致。<a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date" target="_blank" rel="noreferrer">MDN 说明</a><blockquote><p>由于浏览器之间的差异与不一致性，强烈不推荐使用 Date 构造函数来解析日期字符串 (或使用与其等价的 Date.parse)。对 RFC 2822 格式的日期仅有约定俗成的支持。对 ISO 8601 格式的支持中，仅有日期的串 (例如 &quot;1970-01-01&quot;) 会被处理为 UTC 而不是本地时间，与其他格式的串的处理不同。</p></blockquote></li></ol><h2 id="三-console-time-console-timeend" tabindex="-1">三.<code>console.time()</code>, <code>console.timeEnd()</code> <a class="header-anchor" href="#三-console-time-console-timeend" aria-label="Permalink to &quot;三.`console.time()`, `console.timeEnd()`&quot;">​</a></h2><p>启动一个计时器来跟踪某一个操作的占用时长。每一个计时器必须拥有唯一的名字，页面中最多能同时运行 10,000 个计时器。当以此计时器名字为参数调用 console.timeEnd() 时，浏览器将以毫秒为单位，输出对应计时器所经过的时间。比起<code>new Date().getTime()</code>，统计时间更加精确，可以统计到 0.001 毫秒(比如：0.134ms)</p><h2 id="四-performance-now" tabindex="-1">四.<code>performance.now()</code> <a class="header-anchor" href="#四-performance-now" aria-label="Permalink to &quot;四.`performance.now()`&quot;">​</a></h2><p><code>performance.now()</code>返回的时间精度最高可达微秒级，且不会受到系统时间的影响（系统时钟可能会被手动调整或被 NTP 等软件篡改）。另外，<code>performance.timing.navigationStart + performance.now()</code> 约等于 <code>Date.now()</code>。因此对于统计 JS 执行耗时方面，更推荐使用<code>performance.now()</code>。</p><blockquote><p>注意：为了提供对定时攻击和指纹的保护，<code>performance.now()</code> 的精度可能会根据浏览器的设置而被舍弃。 在 <code>Firefox</code> 中，<code>privacy.reduceTimerPrecision</code> 偏好是默认启用的，默认值为 <code>1ms</code>。可以启用 <code>privacy.resistFingerprinting</code> 这将精度改为 100ms 或<code>privacy.resistFingerprinting.reduceTimerPrecision.microseconds</code> 的值，以较大者为准。</p></blockquote>',24)]))}const m=t(o,[["render",n]]);export{k as __pageData,m as default};
diff --git "a/assets/src_types_TS\347\261\273\345\236\213.md.BAdYqP2z.js" "b/assets/src_types_TS\347\261\273\345\236\213.md.Du9AK3lr.js"
similarity index 99%
rename from "assets/src_types_TS\347\261\273\345\236\213.md.BAdYqP2z.js"
rename to "assets/src_types_TS\347\261\273\345\236\213.md.Du9AK3lr.js"
index 97517cafd2..02258339dd 100644
--- "a/assets/src_types_TS\347\261\273\345\236\213.md.BAdYqP2z.js"
+++ "b/assets/src_types_TS\347\261\273\345\236\213.md.Du9AK3lr.js"
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 类型系统中的类型","description":"","frontmatter":{},"headers":[],"relativePath":"src/types/TS类型.md","filePath":"src/types/TS类型.md","lastUpdated":1728129125000}'),l={name:"src/types/TS类型.md"};function t(p,s,k,e,r,d){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="typescript-类型系统中的类型" tabindex="-1">TypeScript 类型系统中的类型 <a class="header-anchor" href="#typescript-类型系统中的类型" aria-label="Permalink to &quot;TypeScript 类型系统中的类型&quot;">​</a></h1><ol><li>基本类型： number、boolean、string、object、bigint、symbol、undefined、null</li><li>复合类型： class、Array、元组（Tuple）、接口（Interface）、枚举（Enum）</li><li>特殊的类型：void、never、any、unknown</li></ol><h2 id="tuple" tabindex="-1">Tuple <a class="header-anchor" href="#tuple" aria-label="Permalink to &quot;Tuple&quot;">​</a></h2><p>元组（Tuple）就是元素个数和类型固定的数组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h2 id="interface" tabindex="-1">Interface <a class="header-anchor" href="#interface" aria-label="Permalink to &quot;Interface&quot;">​</a></h2><p>接口（Interface）可以描述函数、对象、构造器的结构：</p><ul><li>对象</li></ul><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IPerson</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 类型系统中的类型","description":"","frontmatter":{},"headers":[],"relativePath":"src/types/TS类型.md","filePath":"src/types/TS类型.md","lastUpdated":1728129344000}'),l={name:"src/types/TS类型.md"};function t(p,s,k,e,r,d){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="typescript-类型系统中的类型" tabindex="-1">TypeScript 类型系统中的类型 <a class="header-anchor" href="#typescript-类型系统中的类型" aria-label="Permalink to &quot;TypeScript 类型系统中的类型&quot;">​</a></h1><ol><li>基本类型： number、boolean、string、object、bigint、symbol、undefined、null</li><li>复合类型： class、Array、元组（Tuple）、接口（Interface）、枚举（Enum）</li><li>特殊的类型：void、never、any、unknown</li></ol><h2 id="tuple" tabindex="-1">Tuple <a class="header-anchor" href="#tuple" aria-label="Permalink to &quot;Tuple&quot;">​</a></h2><p>元组（Tuple）就是元素个数和类型固定的数组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h2 id="interface" tabindex="-1">Interface <a class="header-anchor" href="#interface" aria-label="Permalink to &quot;Interface&quot;">​</a></h2><p>接口（Interface）可以描述函数、对象、构造器的结构：</p><ul><li>对象</li></ul><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IPerson</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  age</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
diff --git "a/assets/src_types_TS\347\261\273\345\236\213.md.BAdYqP2z.lean.js" "b/assets/src_types_TS\347\261\273\345\236\213.md.Du9AK3lr.lean.js"
similarity index 99%
rename from "assets/src_types_TS\347\261\273\345\236\213.md.BAdYqP2z.lean.js"
rename to "assets/src_types_TS\347\261\273\345\236\213.md.Du9AK3lr.lean.js"
index 97517cafd2..02258339dd 100644
--- "a/assets/src_types_TS\347\261\273\345\236\213.md.BAdYqP2z.lean.js"
+++ "b/assets/src_types_TS\347\261\273\345\236\213.md.Du9AK3lr.lean.js"
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 类型系统中的类型","description":"","frontmatter":{},"headers":[],"relativePath":"src/types/TS类型.md","filePath":"src/types/TS类型.md","lastUpdated":1728129125000}'),l={name:"src/types/TS类型.md"};function t(p,s,k,e,r,d){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="typescript-类型系统中的类型" tabindex="-1">TypeScript 类型系统中的类型 <a class="header-anchor" href="#typescript-类型系统中的类型" aria-label="Permalink to &quot;TypeScript 类型系统中的类型&quot;">​</a></h1><ol><li>基本类型： number、boolean、string、object、bigint、symbol、undefined、null</li><li>复合类型： class、Array、元组（Tuple）、接口（Interface）、枚举（Enum）</li><li>特殊的类型：void、never、any、unknown</li></ol><h2 id="tuple" tabindex="-1">Tuple <a class="header-anchor" href="#tuple" aria-label="Permalink to &quot;Tuple&quot;">​</a></h2><p>元组（Tuple）就是元素个数和类型固定的数组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h2 id="interface" tabindex="-1">Interface <a class="header-anchor" href="#interface" aria-label="Permalink to &quot;Interface&quot;">​</a></h2><p>接口（Interface）可以描述函数、对象、构造器的结构：</p><ul><li>对象</li></ul><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IPerson</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+import{_ as i,o as a,c as n,a3 as h}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 类型系统中的类型","description":"","frontmatter":{},"headers":[],"relativePath":"src/types/TS类型.md","filePath":"src/types/TS类型.md","lastUpdated":1728129344000}'),l={name:"src/types/TS类型.md"};function t(p,s,k,e,r,d){return a(),n("div",{"data-pagefind-body":!0},s[0]||(s[0]=[h(`<h1 id="typescript-类型系统中的类型" tabindex="-1">TypeScript 类型系统中的类型 <a class="header-anchor" href="#typescript-类型系统中的类型" aria-label="Permalink to &quot;TypeScript 类型系统中的类型&quot;">​</a></h1><ol><li>基本类型： number、boolean、string、object、bigint、symbol、undefined、null</li><li>复合类型： class、Array、元组（Tuple）、接口（Interface）、枚举（Enum）</li><li>特殊的类型：void、never、any、unknown</li></ol><h2 id="tuple" tabindex="-1">Tuple <a class="header-anchor" href="#tuple" aria-label="Permalink to &quot;Tuple&quot;">​</a></h2><p>元组（Tuple）就是元素个数和类型固定的数组类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><h2 id="interface" tabindex="-1">Interface <a class="header-anchor" href="#interface" aria-label="Permalink to &quot;Interface&quot;">​</a></h2><p>接口（Interface）可以描述函数、对象、构造器的结构：</p><ul><li>对象</li></ul><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> IPerson</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  age</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
diff --git "a/assets/src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.CFNrWo4G.js" "b/assets/src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.DO7GM6xX.js"
similarity index 99%
rename from "assets/src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.CFNrWo4G.js"
rename to "assets/src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.DO7GM6xX.js"
index 543d65362a..3f7465712e 100644
--- "a/assets/src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.CFNrWo4G.js"
+++ "b/assets/src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.DO7GM6xX.js"
@@ -1 +1 @@
-import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"模式匹配","description":"","frontmatter":{},"headers":[],"relativePath":"src/types/模式匹配.md","filePath":"src/types/模式匹配.md","lastUpdated":1728129125000}'),k={name:"src/types/模式匹配.md"};function n(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="模式匹配" tabindex="-1">模式匹配 <a class="header-anchor" href="#模式匹配" aria-label="Permalink to &quot;模式匹配&quot;">​</a></h1><p>Typescript 的类型也同样可以做模式匹配。</p><p>比如这样一个 Promise 类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> p</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>我们想提取 value 的类型，可以这样做：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPromiseValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>通过 extends 对传入的类型参数 P 做模式匹配，其中值的类型是需要提取的，通过 infer 声明一个局部变量 Value 来保存，如果匹配，就返回匹配到的 Value，否则就返回 never 代表没匹配到。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPromiseValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// name</span></span></code></pre></div><h2 id="数组类型" tabindex="-1">数组类型 <a class="header-anchor" href="#数组类型" aria-label="Permalink to &quot;数组类型&quot;">​</a></h2><p>数组类型想提取第一个元素的类型怎么做呢？</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>用它来匹配一个模式类型，提取第一个元素的类型到通过 infer 声明的局部变量里返回。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Arr 通过 extends 约束为只能是数组类型，数组元素是 unknown 也就是可以是任何值。</p><blockquote><p>any 和 unknown 的区别： any 和 unknown 都代表任意类型，但是 unknown 只能接收任意类型的值，而 any 除了可以接收任意类型的值，也可以赋值给任意类型（除了 never）。类型体操中经常用 unknown 接受和匹配任何类型，而很少把任何类型赋值给某个类型变量。</p></blockquote><p>对 Arr 做模式匹配，把我们要提取的第一个元素的类型放到通过 infer 声明的 First 局部变量里，后面的元素可以是任何类型，用 unknown 接收，然后把局部变量 First 返回。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 1</span></span></code></pre></div><p>当类型参数 Arr 为 [] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// never</span></span></code></pre></div><p>可以提取第一个元素，当然也可以提取最后一个元素，修改下模式类型就行：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayLastItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">inter</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span></span></code></pre></div><p>我们分别取了首尾元素，当然也可以取剩余的数组，比如取去掉了最后一个元素的数组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>如果是空数组，就直接返回，否则匹配剩余的元素，放到 infer 声明的局部变量 Rest 里，返回 Rest。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// [1,2]</span></span></code></pre></div><p>当类型参数 Arr 为 [] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// []</span></span></code></pre></div><p>同理可得 ShiftArr 的实现：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Shift</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>字符串类型也同样可以做模式匹配，匹配一个模式字符串，把需要提取的部分放到 infer 声明的局部变量里。</p><p>判断字符串是否以某个前缀开头，也是通过模式匹配：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> StartWidth</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>需要声明字符串 Str、匹配的前缀 Prefix 两个类型参数，它们都是 string。</p><p>用 Str 去匹配一个模式类型，模式类型的前缀是 Prefix，后面是任意的 string，如果匹配返回 true，否则返回 false。</p><p>字符串可以匹配一个模式类型，提取想要的部分，自然也可以用这些再构成一个新的类型。</p><p>比如实现字符串替换：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Replace</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">F</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">F</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">L</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>声明要替换的字符串 Str、待替换的字符串 From、替换成的字符串 3 个类型参数，通过 extends 约束为都是 string 类型。</p><p>用 Str 去匹配模式串，模式串由 From 和之前之后的字符串构成，把之前之后的字符串放到通过 infer 声明的局部变量 Prefix、Suffix 里。</p><p>用 Prefix、Suffix 加上替换到的字符串 To 构造成新的字符串类型返回。</p><h3 id="trim" tabindex="-1">Trim <a class="header-anchor" href="#trim" aria-label="Permalink to &quot;Trim&quot;">​</a></h3><p>能够匹配和替换字符串，那也就能实现去掉空白字符的 Trim：</p><p>不过因为我们不知道有多少个空白字符，所以只能一个个匹配和去掉，需要递归。</p><p>先实现 TrimRight:</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${&#39; &#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\n</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\t</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Str 是要 Trim 的字符串。</p><p>如果 Str 匹配字符串 + 空白字符 (空格、换行、制表符)，那就把字符串放到 infer 声明的局部变量 Rest 里。</p><p>把 Rest 作为类型参数递归 TrimRight，直到不匹配，这时的类型参数 Str 就是处理结果。</p><p>同理可得 TrimLeft：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${&#39; &#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\n</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\t</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>TrimRight 和 TrimLeft 结合就是 Trim：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Trim</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;;</span></span></code></pre></div><h2 id="函数" tabindex="-1">函数 <a class="header-anchor" href="#函数" aria-label="Permalink to &quot;函数&quot;">​</a></h2><p>函数同样也可以做类型匹配，比如提取参数、返回值的类型。</p><h3 id="getparameters" tabindex="-1">GetParameters <a class="header-anchor" href="#getparameters" aria-label="Permalink to &quot;GetParameters&quot;">​</a></h3><p>函数类型可以通过模式匹配来提取参数的类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetParameters</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Func 是要匹配的函数类型，通过 extends 约束为 Function。</p><p>Func 和模式类型做匹配，参数类型放到用 infer 声明的局部变量 Args 里，返回值可以是任何类型，用 unknown。</p><p>返回提取到的参数类型 Args。</p><h3 id="getreturntype" tabindex="-1">GetReturnType <a class="header-anchor" href="#getreturntype" aria-label="Permalink to &quot;GetReturnType&quot;">​</a></h3><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetReturnType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>Func 和模式类型做匹配，提取返回值到通过 infer 声明的局部变量 ReturnType 里返回。</p><p>参数类型可以是任意类型，也就是 any[]（注意，这里不能用 unknown，这里的解释涉及到参数的逆变性质，具体原因逆变那一节会解释）。</p><h3 id="getthisparametertype" tabindex="-1">GetThisParameterType <a class="header-anchor" href="#getthisparametertype" aria-label="Permalink to &quot;GetThisParameterType&quot;">​</a></h3><p>方法里可以调用 this，用对象.方法名的方式调用的时候，this 就指向那个对象。</p><p>但是方法也可以用 call 或者 apply 调用，call 调用的时候，this 就变了，但这里却没有被检查出来 this 指向的错误。</p><p>这里的 this 类型同样也可以通过模式匹配提取出来：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetThisParameterType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">this</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> H</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> H</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><h3 id="构造器" tabindex="-1">构造器 <a class="header-anchor" href="#构造器" aria-label="Permalink to &quot;构造器&quot;">​</a></h3><p>构造器和函数的区别是，构造器是用于创建对象的，所以可以被 new。</p><p>同样，我们也可以通过模式匹配提取构造器的参数和返回值的类型：</p><h4 id="getinstancetype" tabindex="-1">GetInstanceType <a class="header-anchor" href="#getinstancetype" aria-label="Permalink to &quot;GetInstanceType&quot;">​</a></h4><p>构造器类型可以用 interface 声明，使用 new(): xx 的语法。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Person</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>\n<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PersonConstructor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Person</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>这里的 PersonConstructor 返回的是 Person 类型的实例对象，这个也可以通过模式匹配取出来。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetInstanceType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div>',79)]))}const y=i(k,[["render",n]]);export{F as __pageData,y as default};
+import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"模式匹配","description":"","frontmatter":{},"headers":[],"relativePath":"src/types/模式匹配.md","filePath":"src/types/模式匹配.md","lastUpdated":1728129344000}'),k={name:"src/types/模式匹配.md"};function n(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="模式匹配" tabindex="-1">模式匹配 <a class="header-anchor" href="#模式匹配" aria-label="Permalink to &quot;模式匹配&quot;">​</a></h1><p>Typescript 的类型也同样可以做模式匹配。</p><p>比如这样一个 Promise 类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> p</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>我们想提取 value 的类型，可以这样做：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPromiseValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>通过 extends 对传入的类型参数 P 做模式匹配，其中值的类型是需要提取的，通过 infer 声明一个局部变量 Value 来保存，如果匹配，就返回匹配到的 Value，否则就返回 never 代表没匹配到。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPromiseValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// name</span></span></code></pre></div><h2 id="数组类型" tabindex="-1">数组类型 <a class="header-anchor" href="#数组类型" aria-label="Permalink to &quot;数组类型&quot;">​</a></h2><p>数组类型想提取第一个元素的类型怎么做呢？</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>用它来匹配一个模式类型，提取第一个元素的类型到通过 infer 声明的局部变量里返回。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Arr 通过 extends 约束为只能是数组类型，数组元素是 unknown 也就是可以是任何值。</p><blockquote><p>any 和 unknown 的区别： any 和 unknown 都代表任意类型，但是 unknown 只能接收任意类型的值，而 any 除了可以接收任意类型的值，也可以赋值给任意类型（除了 never）。类型体操中经常用 unknown 接受和匹配任何类型，而很少把任何类型赋值给某个类型变量。</p></blockquote><p>对 Arr 做模式匹配，把我们要提取的第一个元素的类型放到通过 infer 声明的 First 局部变量里，后面的元素可以是任何类型，用 unknown 接收，然后把局部变量 First 返回。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 1</span></span></code></pre></div><p>当类型参数 Arr 为 [] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// never</span></span></code></pre></div><p>可以提取第一个元素，当然也可以提取最后一个元素，修改下模式类型就行：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayLastItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">inter</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span></span></code></pre></div><p>我们分别取了首尾元素，当然也可以取剩余的数组，比如取去掉了最后一个元素的数组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>如果是空数组，就直接返回，否则匹配剩余的元素，放到 infer 声明的局部变量 Rest 里，返回 Rest。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// [1,2]</span></span></code></pre></div><p>当类型参数 Arr 为 [] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// []</span></span></code></pre></div><p>同理可得 ShiftArr 的实现：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Shift</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>字符串类型也同样可以做模式匹配，匹配一个模式字符串，把需要提取的部分放到 infer 声明的局部变量里。</p><p>判断字符串是否以某个前缀开头，也是通过模式匹配：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> StartWidth</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>需要声明字符串 Str、匹配的前缀 Prefix 两个类型参数，它们都是 string。</p><p>用 Str 去匹配一个模式类型，模式类型的前缀是 Prefix，后面是任意的 string，如果匹配返回 true，否则返回 false。</p><p>字符串可以匹配一个模式类型，提取想要的部分，自然也可以用这些再构成一个新的类型。</p><p>比如实现字符串替换：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Replace</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">F</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">F</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">L</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>声明要替换的字符串 Str、待替换的字符串 From、替换成的字符串 3 个类型参数，通过 extends 约束为都是 string 类型。</p><p>用 Str 去匹配模式串，模式串由 From 和之前之后的字符串构成，把之前之后的字符串放到通过 infer 声明的局部变量 Prefix、Suffix 里。</p><p>用 Prefix、Suffix 加上替换到的字符串 To 构造成新的字符串类型返回。</p><h3 id="trim" tabindex="-1">Trim <a class="header-anchor" href="#trim" aria-label="Permalink to &quot;Trim&quot;">​</a></h3><p>能够匹配和替换字符串，那也就能实现去掉空白字符的 Trim：</p><p>不过因为我们不知道有多少个空白字符，所以只能一个个匹配和去掉，需要递归。</p><p>先实现 TrimRight:</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${&#39; &#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\n</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\t</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Str 是要 Trim 的字符串。</p><p>如果 Str 匹配字符串 + 空白字符 (空格、换行、制表符)，那就把字符串放到 infer 声明的局部变量 Rest 里。</p><p>把 Rest 作为类型参数递归 TrimRight，直到不匹配，这时的类型参数 Str 就是处理结果。</p><p>同理可得 TrimLeft：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${&#39; &#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\n</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\t</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>TrimRight 和 TrimLeft 结合就是 Trim：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Trim</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;;</span></span></code></pre></div><h2 id="函数" tabindex="-1">函数 <a class="header-anchor" href="#函数" aria-label="Permalink to &quot;函数&quot;">​</a></h2><p>函数同样也可以做类型匹配，比如提取参数、返回值的类型。</p><h3 id="getparameters" tabindex="-1">GetParameters <a class="header-anchor" href="#getparameters" aria-label="Permalink to &quot;GetParameters&quot;">​</a></h3><p>函数类型可以通过模式匹配来提取参数的类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetParameters</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Func 是要匹配的函数类型，通过 extends 约束为 Function。</p><p>Func 和模式类型做匹配，参数类型放到用 infer 声明的局部变量 Args 里，返回值可以是任何类型，用 unknown。</p><p>返回提取到的参数类型 Args。</p><h3 id="getreturntype" tabindex="-1">GetReturnType <a class="header-anchor" href="#getreturntype" aria-label="Permalink to &quot;GetReturnType&quot;">​</a></h3><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetReturnType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>Func 和模式类型做匹配，提取返回值到通过 infer 声明的局部变量 ReturnType 里返回。</p><p>参数类型可以是任意类型，也就是 any[]（注意，这里不能用 unknown，这里的解释涉及到参数的逆变性质，具体原因逆变那一节会解释）。</p><h3 id="getthisparametertype" tabindex="-1">GetThisParameterType <a class="header-anchor" href="#getthisparametertype" aria-label="Permalink to &quot;GetThisParameterType&quot;">​</a></h3><p>方法里可以调用 this，用对象.方法名的方式调用的时候，this 就指向那个对象。</p><p>但是方法也可以用 call 或者 apply 调用，call 调用的时候，this 就变了，但这里却没有被检查出来 this 指向的错误。</p><p>这里的 this 类型同样也可以通过模式匹配提取出来：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetThisParameterType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">this</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> H</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> H</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><h3 id="构造器" tabindex="-1">构造器 <a class="header-anchor" href="#构造器" aria-label="Permalink to &quot;构造器&quot;">​</a></h3><p>构造器和函数的区别是，构造器是用于创建对象的，所以可以被 new。</p><p>同样，我们也可以通过模式匹配提取构造器的参数和返回值的类型：</p><h4 id="getinstancetype" tabindex="-1">GetInstanceType <a class="header-anchor" href="#getinstancetype" aria-label="Permalink to &quot;GetInstanceType&quot;">​</a></h4><p>构造器类型可以用 interface 声明，使用 new(): xx 的语法。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Person</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>\n<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PersonConstructor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Person</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>这里的 PersonConstructor 返回的是 Person 类型的实例对象，这个也可以通过模式匹配取出来。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetInstanceType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div>',79)]))}const y=i(k,[["render",n]]);export{F as __pageData,y as default};
diff --git "a/assets/src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.CFNrWo4G.lean.js" "b/assets/src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.DO7GM6xX.lean.js"
similarity index 99%
rename from "assets/src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.CFNrWo4G.lean.js"
rename to "assets/src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.DO7GM6xX.lean.js"
index 543d65362a..3f7465712e 100644
--- "a/assets/src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.CFNrWo4G.lean.js"
+++ "b/assets/src_types_\346\250\241\345\274\217\345\214\271\351\205\215.md.DO7GM6xX.lean.js"
@@ -1 +1 @@
-import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"模式匹配","description":"","frontmatter":{},"headers":[],"relativePath":"src/types/模式匹配.md","filePath":"src/types/模式匹配.md","lastUpdated":1728129125000}'),k={name:"src/types/模式匹配.md"};function n(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="模式匹配" tabindex="-1">模式匹配 <a class="header-anchor" href="#模式匹配" aria-label="Permalink to &quot;模式匹配&quot;">​</a></h1><p>Typescript 的类型也同样可以做模式匹配。</p><p>比如这样一个 Promise 类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> p</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>我们想提取 value 的类型，可以这样做：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPromiseValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>通过 extends 对传入的类型参数 P 做模式匹配，其中值的类型是需要提取的，通过 infer 声明一个局部变量 Value 来保存，如果匹配，就返回匹配到的 Value，否则就返回 never 代表没匹配到。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPromiseValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// name</span></span></code></pre></div><h2 id="数组类型" tabindex="-1">数组类型 <a class="header-anchor" href="#数组类型" aria-label="Permalink to &quot;数组类型&quot;">​</a></h2><p>数组类型想提取第一个元素的类型怎么做呢？</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>用它来匹配一个模式类型，提取第一个元素的类型到通过 infer 声明的局部变量里返回。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Arr 通过 extends 约束为只能是数组类型，数组元素是 unknown 也就是可以是任何值。</p><blockquote><p>any 和 unknown 的区别： any 和 unknown 都代表任意类型，但是 unknown 只能接收任意类型的值，而 any 除了可以接收任意类型的值，也可以赋值给任意类型（除了 never）。类型体操中经常用 unknown 接受和匹配任何类型，而很少把任何类型赋值给某个类型变量。</p></blockquote><p>对 Arr 做模式匹配，把我们要提取的第一个元素的类型放到通过 infer 声明的 First 局部变量里，后面的元素可以是任何类型，用 unknown 接收，然后把局部变量 First 返回。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 1</span></span></code></pre></div><p>当类型参数 Arr 为 [] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// never</span></span></code></pre></div><p>可以提取第一个元素，当然也可以提取最后一个元素，修改下模式类型就行：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayLastItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">inter</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span></span></code></pre></div><p>我们分别取了首尾元素，当然也可以取剩余的数组，比如取去掉了最后一个元素的数组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>如果是空数组，就直接返回，否则匹配剩余的元素，放到 infer 声明的局部变量 Rest 里，返回 Rest。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// [1,2]</span></span></code></pre></div><p>当类型参数 Arr 为 [] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// []</span></span></code></pre></div><p>同理可得 ShiftArr 的实现：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Shift</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>字符串类型也同样可以做模式匹配，匹配一个模式字符串，把需要提取的部分放到 infer 声明的局部变量里。</p><p>判断字符串是否以某个前缀开头，也是通过模式匹配：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> StartWidth</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>需要声明字符串 Str、匹配的前缀 Prefix 两个类型参数，它们都是 string。</p><p>用 Str 去匹配一个模式类型，模式类型的前缀是 Prefix，后面是任意的 string，如果匹配返回 true，否则返回 false。</p><p>字符串可以匹配一个模式类型，提取想要的部分，自然也可以用这些再构成一个新的类型。</p><p>比如实现字符串替换：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Replace</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">F</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">F</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">L</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>声明要替换的字符串 Str、待替换的字符串 From、替换成的字符串 3 个类型参数，通过 extends 约束为都是 string 类型。</p><p>用 Str 去匹配模式串，模式串由 From 和之前之后的字符串构成，把之前之后的字符串放到通过 infer 声明的局部变量 Prefix、Suffix 里。</p><p>用 Prefix、Suffix 加上替换到的字符串 To 构造成新的字符串类型返回。</p><h3 id="trim" tabindex="-1">Trim <a class="header-anchor" href="#trim" aria-label="Permalink to &quot;Trim&quot;">​</a></h3><p>能够匹配和替换字符串，那也就能实现去掉空白字符的 Trim：</p><p>不过因为我们不知道有多少个空白字符，所以只能一个个匹配和去掉，需要递归。</p><p>先实现 TrimRight:</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${&#39; &#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\n</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\t</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Str 是要 Trim 的字符串。</p><p>如果 Str 匹配字符串 + 空白字符 (空格、换行、制表符)，那就把字符串放到 infer 声明的局部变量 Rest 里。</p><p>把 Rest 作为类型参数递归 TrimRight，直到不匹配，这时的类型参数 Str 就是处理结果。</p><p>同理可得 TrimLeft：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${&#39; &#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\n</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\t</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>TrimRight 和 TrimLeft 结合就是 Trim：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Trim</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;;</span></span></code></pre></div><h2 id="函数" tabindex="-1">函数 <a class="header-anchor" href="#函数" aria-label="Permalink to &quot;函数&quot;">​</a></h2><p>函数同样也可以做类型匹配，比如提取参数、返回值的类型。</p><h3 id="getparameters" tabindex="-1">GetParameters <a class="header-anchor" href="#getparameters" aria-label="Permalink to &quot;GetParameters&quot;">​</a></h3><p>函数类型可以通过模式匹配来提取参数的类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetParameters</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Func 是要匹配的函数类型，通过 extends 约束为 Function。</p><p>Func 和模式类型做匹配，参数类型放到用 infer 声明的局部变量 Args 里，返回值可以是任何类型，用 unknown。</p><p>返回提取到的参数类型 Args。</p><h3 id="getreturntype" tabindex="-1">GetReturnType <a class="header-anchor" href="#getreturntype" aria-label="Permalink to &quot;GetReturnType&quot;">​</a></h3><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetReturnType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>Func 和模式类型做匹配，提取返回值到通过 infer 声明的局部变量 ReturnType 里返回。</p><p>参数类型可以是任意类型，也就是 any[]（注意，这里不能用 unknown，这里的解释涉及到参数的逆变性质，具体原因逆变那一节会解释）。</p><h3 id="getthisparametertype" tabindex="-1">GetThisParameterType <a class="header-anchor" href="#getthisparametertype" aria-label="Permalink to &quot;GetThisParameterType&quot;">​</a></h3><p>方法里可以调用 this，用对象.方法名的方式调用的时候，this 就指向那个对象。</p><p>但是方法也可以用 call 或者 apply 调用，call 调用的时候，this 就变了，但这里却没有被检查出来 this 指向的错误。</p><p>这里的 this 类型同样也可以通过模式匹配提取出来：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetThisParameterType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">this</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> H</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> H</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><h3 id="构造器" tabindex="-1">构造器 <a class="header-anchor" href="#构造器" aria-label="Permalink to &quot;构造器&quot;">​</a></h3><p>构造器和函数的区别是，构造器是用于创建对象的，所以可以被 new。</p><p>同样，我们也可以通过模式匹配提取构造器的参数和返回值的类型：</p><h4 id="getinstancetype" tabindex="-1">GetInstanceType <a class="header-anchor" href="#getinstancetype" aria-label="Permalink to &quot;GetInstanceType&quot;">​</a></h4><p>构造器类型可以用 interface 声明，使用 new(): xx 的语法。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Person</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>\n<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PersonConstructor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Person</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>这里的 PersonConstructor 返回的是 Person 类型的实例对象，这个也可以通过模式匹配取出来。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetInstanceType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div>',79)]))}const y=i(k,[["render",n]]);export{F as __pageData,y as default};
+import{_ as i,o as a,c as h,a3 as t}from"./chunks/framework.eq-HTtE3.js";const F=JSON.parse('{"title":"模式匹配","description":"","frontmatter":{},"headers":[],"relativePath":"src/types/模式匹配.md","filePath":"src/types/模式匹配.md","lastUpdated":1728129344000}'),k={name:"src/types/模式匹配.md"};function n(p,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[t('<h1 id="模式匹配" tabindex="-1">模式匹配 <a class="header-anchor" href="#模式匹配" aria-label="Permalink to &quot;模式匹配&quot;">​</a></h1><p>Typescript 的类型也同样可以做模式匹配。</p><p>比如这样一个 Promise 类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> p</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;value&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>我们想提取 value 的类型，可以这样做：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPromiseValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>通过 extends 对传入的类型参数 P 做模式匹配，其中值的类型是需要提取的，通过 infer 声明一个局部变量 Value 来保存，如果匹配，就返回匹配到的 Value，否则就返回 never 代表没匹配到。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPromiseValue</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Promise</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// name</span></span></code></pre></div><h2 id="数组类型" tabindex="-1">数组类型 <a class="header-anchor" href="#数组类型" aria-label="Permalink to &quot;数组类型&quot;">​</a></h2><p>数组类型想提取第一个元素的类型怎么做呢？</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> arr</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>用它来匹配一个模式类型，提取第一个元素的类型到通过 infer 声明的局部变量里返回。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Arr 通过 extends 约束为只能是数组类型，数组元素是 unknown 也就是可以是任何值。</p><blockquote><p>any 和 unknown 的区别： any 和 unknown 都代表任意类型，但是 unknown 只能接收任意类型的值，而 any 除了可以接收任意类型的值，也可以赋值给任意类型（除了 never）。类型体操中经常用 unknown 接受和匹配任何类型，而很少把任何类型赋值给某个类型变量。</p></blockquote><p>对 Arr 做模式匹配，把我们要提取的第一个元素的类型放到通过 infer 声明的 First 局部变量里，后面的元素可以是任何类型，用 unknown 接收，然后把局部变量 First 返回。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 1</span></span></code></pre></div><p>当类型参数 Arr 为 [] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayFirstItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// never</span></span></code></pre></div><p>可以提取第一个元素，当然也可以提取最后一个元素，修改下模式类型就行：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetArrayLastItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[],</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">inter</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span></span></code></pre></div><p>我们分别取了首尾元素，当然也可以取剩余的数组，比如取去掉了最后一个元素的数组：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>如果是空数组，就直接返回，否则匹配剩余的元素，放到 infer 声明的局部变量 Rest 里，返回 Rest。</p><p>当类型参数 Arr 为 [1,2,3] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// [1,2]</span></span></code></pre></div><p>当类型参数 Arr 为 [] 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[]&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// []</span></span></code></pre></div><p>同理可得 ShiftArr 的实现：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Shift</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>字符串类型也同样可以做模式匹配，匹配一个模式字符串，把需要提取的部分放到 infer 声明的局部变量里。</p><p>判断字符串是否以某个前缀开头，也是通过模式匹配：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> StartWidth</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>需要声明字符串 Str、匹配的前缀 Prefix 两个类型参数，它们都是 string。</p><p>用 Str 去匹配一个模式类型，模式类型的前缀是 Prefix，后面是任意的 string，如果匹配返回 true，否则返回 false。</p><p>字符串可以匹配一个模式类型，提取想要的部分，自然也可以用这些再构成一个新的类型。</p><p>比如实现字符串替换：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Replace</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">F</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">F</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> L</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">L</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>声明要替换的字符串 Str、待替换的字符串 From、替换成的字符串 3 个类型参数，通过 extends 约束为都是 string 类型。</p><p>用 Str 去匹配模式串，模式串由 From 和之前之后的字符串构成，把之前之后的字符串放到通过 infer 声明的局部变量 Prefix、Suffix 里。</p><p>用 Prefix、Suffix 加上替换到的字符串 To 构造成新的字符串类型返回。</p><h3 id="trim" tabindex="-1">Trim <a class="header-anchor" href="#trim" aria-label="Permalink to &quot;Trim&quot;">​</a></h3><p>能够匹配和替换字符串，那也就能实现去掉空白字符的 Trim：</p><p>不过因为我们不知道有多少个空白字符，所以只能一个个匹配和去掉，需要递归。</p><p>先实现 TrimRight:</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${&#39; &#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\n</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\t</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Str 是要 Trim 的字符串。</p><p>如果 Str 匹配字符串 + 空白字符 (空格、换行、制表符)，那就把字符串放到 infer 声明的局部变量 Rest 里。</p><p>把 Rest 作为类型参数递归 TrimRight，直到不匹配，这时的类型参数 Str 就是处理结果。</p><p>同理可得 TrimLeft：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${&#39; &#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\n</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">\\t</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;}${</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Rest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Rest</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>TrimRight 和 TrimLeft 结合就是 Trim：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Trim</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TrimLeft</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">TrimRight</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">S</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;;</span></span></code></pre></div><h2 id="函数" tabindex="-1">函数 <a class="header-anchor" href="#函数" aria-label="Permalink to &quot;函数&quot;">​</a></h2><p>函数同样也可以做类型匹配，比如提取参数、返回值的类型。</p><h3 id="getparameters" tabindex="-1">GetParameters <a class="header-anchor" href="#getparameters" aria-label="Permalink to &quot;GetParameters&quot;">​</a></h3><p>函数类型可以通过模式匹配来提取参数的类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetParameters</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Func 是要匹配的函数类型，通过 extends 约束为 Function。</p><p>Func 和模式类型做匹配，参数类型放到用 infer 声明的局部变量 Args 里，返回值可以是任何类型，用 unknown。</p><p>返回提取到的参数类型 Args。</p><h3 id="getreturntype" tabindex="-1">GetReturnType <a class="header-anchor" href="#getreturntype" aria-label="Permalink to &quot;GetReturnType&quot;">​</a></h3><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetReturnType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>Func 和模式类型做匹配，提取返回值到通过 infer 声明的局部变量 ReturnType 里返回。</p><p>参数类型可以是任意类型，也就是 any[]（注意，这里不能用 unknown，这里的解释涉及到参数的逆变性质，具体原因逆变那一节会解释）。</p><h3 id="getthisparametertype" tabindex="-1">GetThisParameterType <a class="header-anchor" href="#getthisparametertype" aria-label="Permalink to &quot;GetThisParameterType&quot;">​</a></h3><p>方法里可以调用 this，用对象.方法名的方式调用的时候，this 就指向那个对象。</p><p>但是方法也可以用 call 或者 apply 调用，call 调用的时候，this 就变了，但这里却没有被检查出来 this 指向的错误。</p><p>这里的 this 类型同样也可以通过模式匹配提取出来：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetThisParameterType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Function</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">this</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> H</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> H</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><h3 id="构造器" tabindex="-1">构造器 <a class="header-anchor" href="#构造器" aria-label="Permalink to &quot;构造器&quot;">​</a></h3><p>构造器和函数的区别是，构造器是用于创建对象的，所以可以被 new。</p><p>同样，我们也可以通过模式匹配提取构造器的参数和返回值的类型：</p><h4 id="getinstancetype" tabindex="-1">GetInstanceType <a class="header-anchor" href="#getinstancetype" aria-label="Permalink to &quot;GetInstanceType&quot;">​</a></h4><p>构造器类型可以用 interface 声明，使用 new(): xx 的语法。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Person</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>\n<span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>\n<span class="line"></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">interface</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PersonConstructor</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Person</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>\n<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>这里的 PersonConstructor 返回的是 Person 类型的实例对象，这个也可以通过模式匹配取出来。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetInstanceType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>\n<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div>',79)]))}const y=i(k,[["render",n]]);export{F as __pageData,y as default};
diff --git "a/assets/src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.DitU5zkD.js" "b/assets/src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.D_oUktxL.js"
similarity index 99%
rename from "assets/src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.DitU5zkD.js"
rename to "assets/src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.D_oUktxL.js"
index 284028e04b..ab267d43fb 100644
--- "a/assets/src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.DitU5zkD.js"
+++ "b/assets/src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.D_oUktxL.js"
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 类型系统中的类型运算","description":"","frontmatter":{},"headers":[],"relativePath":"src/types/类型运算.md","filePath":"src/types/类型运算.md","lastUpdated":1728129125000}'),n={name:"src/types/类型运算.md"};function p(t,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="typescript-类型系统中的类型运算" tabindex="-1">TypeScript 类型系统中的类型运算 <a class="header-anchor" href="#typescript-类型系统中的类型运算" aria-label="Permalink to &quot;TypeScript 类型系统中的类型运算&quot;">​</a></h1><h2 id="条件-extends" tabindex="-1">条件：<code>extends ? :</code> <a class="header-anchor" href="#条件-extends" aria-label="Permalink to &quot;条件：\`extends ? :\`&quot;">​</a></h2><p>TypeScript 里的条件判断是 extends ? :，叫做条件类型（Conditional Type）比如：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 类型系统中的类型运算","description":"","frontmatter":{},"headers":[],"relativePath":"src/types/类型运算.md","filePath":"src/types/类型运算.md","lastUpdated":1728129344000}'),n={name:"src/types/类型运算.md"};function p(t,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="typescript-类型系统中的类型运算" tabindex="-1">TypeScript 类型系统中的类型运算 <a class="header-anchor" href="#typescript-类型系统中的类型运算" aria-label="Permalink to &quot;TypeScript 类型系统中的类型运算&quot;">​</a></h1><h2 id="条件-extends" tabindex="-1">条件：<code>extends ? :</code> <a class="header-anchor" href="#条件-extends" aria-label="Permalink to &quot;条件：\`extends ? :\`&quot;">​</a></h2><p>TypeScript 里的条件判断是 extends ? :，叫做条件类型（Conditional Type）比如：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> res</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// true</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> res2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// false</span></span></code></pre></div><p>这种类型也叫做高级类型。</p><p>高级类型的特点是传入类型参数，经过一系列类型运算逻辑后，返回新的类型。</p><h2 id="推导-infer" tabindex="-1">推导：infer <a class="header-anchor" href="#推导-infer" aria-label="Permalink to &quot;推导：infer&quot;">​</a></h2><p>如何提取类型的一部分呢？答案是 infer。</p><p>比如提取元组类型的第一个元素：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> FirstTupleItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">inter</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
diff --git "a/assets/src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.DitU5zkD.lean.js" "b/assets/src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.D_oUktxL.lean.js"
similarity index 99%
rename from "assets/src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.DitU5zkD.lean.js"
rename to "assets/src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.D_oUktxL.lean.js"
index 284028e04b..ab267d43fb 100644
--- "a/assets/src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.DitU5zkD.lean.js"
+++ "b/assets/src_types_\347\261\273\345\236\213\350\277\220\347\256\227.md.D_oUktxL.lean.js"
@@ -1,4 +1,4 @@
-import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 类型系统中的类型运算","description":"","frontmatter":{},"headers":[],"relativePath":"src/types/类型运算.md","filePath":"src/types/类型运算.md","lastUpdated":1728129125000}'),n={name:"src/types/类型运算.md"};function p(t,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="typescript-类型系统中的类型运算" tabindex="-1">TypeScript 类型系统中的类型运算 <a class="header-anchor" href="#typescript-类型系统中的类型运算" aria-label="Permalink to &quot;TypeScript 类型系统中的类型运算&quot;">​</a></h1><h2 id="条件-extends" tabindex="-1">条件：<code>extends ? :</code> <a class="header-anchor" href="#条件-extends" aria-label="Permalink to &quot;条件：\`extends ? :\`&quot;">​</a></h2><p>TypeScript 里的条件判断是 extends ? :，叫做条件类型（Conditional Type）比如：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
+import{_ as i,o as a,c as h,a3 as k}from"./chunks/framework.eq-HTtE3.js";const g=JSON.parse('{"title":"TypeScript 类型系统中的类型运算","description":"","frontmatter":{},"headers":[],"relativePath":"src/types/类型运算.md","filePath":"src/types/类型运算.md","lastUpdated":1728129344000}'),n={name:"src/types/类型运算.md"};function p(t,s,l,e,r,d){return a(),h("div",{"data-pagefind-body":!0},s[0]||(s[0]=[k(`<h1 id="typescript-类型系统中的类型运算" tabindex="-1">TypeScript 类型系统中的类型运算 <a class="header-anchor" href="#typescript-类型系统中的类型运算" aria-label="Permalink to &quot;TypeScript 类型系统中的类型运算&quot;">​</a></h1><h2 id="条件-extends" tabindex="-1">条件：<code>extends ? :</code> <a class="header-anchor" href="#条件-extends" aria-label="Permalink to &quot;条件：\`extends ? :\`&quot;">​</a></h2><p>TypeScript 里的条件判断是 extends ? :，叫做条件类型（Conditional Type）比如：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> true</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> false</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> res</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// true</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> res2</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> isTwo</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;; </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// false</span></span></code></pre></div><p>这种类型也叫做高级类型。</p><p>高级类型的特点是传入类型参数，经过一系列类型运算逻辑后，返回新的类型。</p><h2 id="推导-infer" tabindex="-1">推导：infer <a class="header-anchor" href="#推导-infer" aria-label="Permalink to &quot;推导：infer&quot;">​</a></h2><p>如何提取类型的一部分呢？答案是 infer。</p><p>比如提取元组类型的第一个元素：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> FirstTupleItem</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">inter</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
diff --git "a/assets/src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.BcsCXIM4.js" "b/assets/src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.xpfmnY7g.js"
similarity index 98%
rename from "assets/src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.BcsCXIM4.js"
rename to "assets/src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.xpfmnY7g.js"
index c79af61885..cec5d35aad 100644
--- "a/assets/src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.BcsCXIM4.js"
+++ "b/assets/src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.xpfmnY7g.js"
@@ -1 +1 @@
-import{_ as e,o as r,c as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"TypeScript 内置的高级类型","description":"","frontmatter":{},"headers":[],"relativePath":"src/types/高级类型.md","filePath":"src/types/高级类型.md","lastUpdated":1728129125000}'),o={name:"src/types/高级类型.md"};function l(n,a,h,c,s,d){return r(),t("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="typescript-内置的高级类型" tabindex="-1">TypeScript 内置的高级类型 <a class="header-anchor" href="#typescript-内置的高级类型" aria-label="Permalink to &quot;TypeScript 内置的高级类型&quot;">​</a></h1><h2 id="parameters" tabindex="-1">Parameters <a class="header-anchor" href="#parameters" aria-label="Permalink to &quot;Parameters&quot;">​</a></h2><p>Parameters 用于提取函数类型的参数类型。</p><h2 id="returntype" tabindex="-1">ReturnType <a class="header-anchor" href="#returntype" aria-label="Permalink to &quot;ReturnType&quot;">​</a></h2><p>ReturnType 用于提取函数类型的返回值类型。</p><h2 id="constructorparameters" tabindex="-1">ConstructorParameters <a class="header-anchor" href="#constructorparameters" aria-label="Permalink to &quot;ConstructorParameters&quot;">​</a></h2><p>构造器类型和函数类型的区别就是可以被 new。</p><p>Parameters 用于提取函数参数的类型，而 ConstructorParameters 用于提取构造器参数的类型。</p><h2 id="instancetype" tabindex="-1">InstanceType <a class="header-anchor" href="#instancetype" aria-label="Permalink to &quot;InstanceType&quot;">​</a></h2><p>提取了构造器参数的类型，自然也可以提取构造器返回值的类型，就是 InstanceType。</p><h2 id="thisparametertype" tabindex="-1">ThisParameterType <a class="header-anchor" href="#thisparametertype" aria-label="Permalink to &quot;ThisParameterType&quot;">​</a></h2><h2 id="omitthisparameter" tabindex="-1">OmitThisParameter <a class="header-anchor" href="#omitthisparameter" aria-label="Permalink to &quot;OmitThisParameter&quot;">​</a></h2><h2 id="partial" tabindex="-1">Partial <a class="header-anchor" href="#partial" aria-label="Permalink to &quot;Partial&quot;">​</a></h2><h2 id="required" tabindex="-1">Required <a class="header-anchor" href="#required" aria-label="Permalink to &quot;Required&quot;">​</a></h2><h2 id="readonly" tabindex="-1">Readonly <a class="header-anchor" href="#readonly" aria-label="Permalink to &quot;Readonly&quot;">​</a></h2><h2 id="pick" tabindex="-1">Pick <a class="header-anchor" href="#pick" aria-label="Permalink to &quot;Pick&quot;">​</a></h2><h2 id="record" tabindex="-1">Record <a class="header-anchor" href="#record" aria-label="Permalink to &quot;Record&quot;">​</a></h2><h2 id="exclude" tabindex="-1">Exclude <a class="header-anchor" href="#exclude" aria-label="Permalink to &quot;Exclude&quot;">​</a></h2><h2 id="extract" tabindex="-1">Extract <a class="header-anchor" href="#extract" aria-label="Permalink to &quot;Extract&quot;">​</a></h2><h2 id="omit" tabindex="-1">Omit <a class="header-anchor" href="#omit" aria-label="Permalink to &quot;Omit&quot;">​</a></h2><h2 id="awaited" tabindex="-1">Awaited <a class="header-anchor" href="#awaited" aria-label="Permalink to &quot;Awaited&quot;">​</a></h2><h2 id="nonnullable" tabindex="-1">NonNullable <a class="header-anchor" href="#nonnullable" aria-label="Permalink to &quot;NonNullable&quot;">​</a></h2><h2 id="uppercase" tabindex="-1">Uppercase <a class="header-anchor" href="#uppercase" aria-label="Permalink to &quot;Uppercase&quot;">​</a></h2><h2 id="lowercase" tabindex="-1">Lowercase <a class="header-anchor" href="#lowercase" aria-label="Permalink to &quot;Lowercase&quot;">​</a></h2><h2 id="capitalize" tabindex="-1">Capitalize <a class="header-anchor" href="#capitalize" aria-label="Permalink to &quot;Capitalize&quot;">​</a></h2><h2 id="uncapitalize" tabindex="-1">Uncapitalize <a class="header-anchor" href="#uncapitalize" aria-label="Permalink to &quot;Uncapitalize&quot;">​</a></h2><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>比如用模式匹配可以实现：Parameters、ReturnType、ConstructorParameters、InstanceType、ThisParameterType。</p><p>用模式匹配 + 重新构造可以实现：OmitThisParameter</p><p>用重新构造可以实现：Partial、Required、Readonly、Pick、Record</p><p>用模式匹配 + 递归可以实现： Awaited</p><p>用联合类型在分布式条件类型的特性可以实现： Exclude</p><p>此外还有 NonNullable 和四个编译器内部实现的类型：Uppercase、Lowercase、Capitalize、Uncapitalize。</p>',33)]))}const m=e(o,[["render",l]]);export{u as __pageData,m as default};
+import{_ as e,o as r,c as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"TypeScript 内置的高级类型","description":"","frontmatter":{},"headers":[],"relativePath":"src/types/高级类型.md","filePath":"src/types/高级类型.md","lastUpdated":1728129344000}'),o={name:"src/types/高级类型.md"};function l(n,a,h,c,s,d){return r(),t("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="typescript-内置的高级类型" tabindex="-1">TypeScript 内置的高级类型 <a class="header-anchor" href="#typescript-内置的高级类型" aria-label="Permalink to &quot;TypeScript 内置的高级类型&quot;">​</a></h1><h2 id="parameters" tabindex="-1">Parameters <a class="header-anchor" href="#parameters" aria-label="Permalink to &quot;Parameters&quot;">​</a></h2><p>Parameters 用于提取函数类型的参数类型。</p><h2 id="returntype" tabindex="-1">ReturnType <a class="header-anchor" href="#returntype" aria-label="Permalink to &quot;ReturnType&quot;">​</a></h2><p>ReturnType 用于提取函数类型的返回值类型。</p><h2 id="constructorparameters" tabindex="-1">ConstructorParameters <a class="header-anchor" href="#constructorparameters" aria-label="Permalink to &quot;ConstructorParameters&quot;">​</a></h2><p>构造器类型和函数类型的区别就是可以被 new。</p><p>Parameters 用于提取函数参数的类型，而 ConstructorParameters 用于提取构造器参数的类型。</p><h2 id="instancetype" tabindex="-1">InstanceType <a class="header-anchor" href="#instancetype" aria-label="Permalink to &quot;InstanceType&quot;">​</a></h2><p>提取了构造器参数的类型，自然也可以提取构造器返回值的类型，就是 InstanceType。</p><h2 id="thisparametertype" tabindex="-1">ThisParameterType <a class="header-anchor" href="#thisparametertype" aria-label="Permalink to &quot;ThisParameterType&quot;">​</a></h2><h2 id="omitthisparameter" tabindex="-1">OmitThisParameter <a class="header-anchor" href="#omitthisparameter" aria-label="Permalink to &quot;OmitThisParameter&quot;">​</a></h2><h2 id="partial" tabindex="-1">Partial <a class="header-anchor" href="#partial" aria-label="Permalink to &quot;Partial&quot;">​</a></h2><h2 id="required" tabindex="-1">Required <a class="header-anchor" href="#required" aria-label="Permalink to &quot;Required&quot;">​</a></h2><h2 id="readonly" tabindex="-1">Readonly <a class="header-anchor" href="#readonly" aria-label="Permalink to &quot;Readonly&quot;">​</a></h2><h2 id="pick" tabindex="-1">Pick <a class="header-anchor" href="#pick" aria-label="Permalink to &quot;Pick&quot;">​</a></h2><h2 id="record" tabindex="-1">Record <a class="header-anchor" href="#record" aria-label="Permalink to &quot;Record&quot;">​</a></h2><h2 id="exclude" tabindex="-1">Exclude <a class="header-anchor" href="#exclude" aria-label="Permalink to &quot;Exclude&quot;">​</a></h2><h2 id="extract" tabindex="-1">Extract <a class="header-anchor" href="#extract" aria-label="Permalink to &quot;Extract&quot;">​</a></h2><h2 id="omit" tabindex="-1">Omit <a class="header-anchor" href="#omit" aria-label="Permalink to &quot;Omit&quot;">​</a></h2><h2 id="awaited" tabindex="-1">Awaited <a class="header-anchor" href="#awaited" aria-label="Permalink to &quot;Awaited&quot;">​</a></h2><h2 id="nonnullable" tabindex="-1">NonNullable <a class="header-anchor" href="#nonnullable" aria-label="Permalink to &quot;NonNullable&quot;">​</a></h2><h2 id="uppercase" tabindex="-1">Uppercase <a class="header-anchor" href="#uppercase" aria-label="Permalink to &quot;Uppercase&quot;">​</a></h2><h2 id="lowercase" tabindex="-1">Lowercase <a class="header-anchor" href="#lowercase" aria-label="Permalink to &quot;Lowercase&quot;">​</a></h2><h2 id="capitalize" tabindex="-1">Capitalize <a class="header-anchor" href="#capitalize" aria-label="Permalink to &quot;Capitalize&quot;">​</a></h2><h2 id="uncapitalize" tabindex="-1">Uncapitalize <a class="header-anchor" href="#uncapitalize" aria-label="Permalink to &quot;Uncapitalize&quot;">​</a></h2><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>比如用模式匹配可以实现：Parameters、ReturnType、ConstructorParameters、InstanceType、ThisParameterType。</p><p>用模式匹配 + 重新构造可以实现：OmitThisParameter</p><p>用重新构造可以实现：Partial、Required、Readonly、Pick、Record</p><p>用模式匹配 + 递归可以实现： Awaited</p><p>用联合类型在分布式条件类型的特性可以实现： Exclude</p><p>此外还有 NonNullable 和四个编译器内部实现的类型：Uppercase、Lowercase、Capitalize、Uncapitalize。</p>',33)]))}const m=e(o,[["render",l]]);export{u as __pageData,m as default};
diff --git "a/assets/src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.BcsCXIM4.lean.js" "b/assets/src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.xpfmnY7g.lean.js"
similarity index 98%
rename from "assets/src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.BcsCXIM4.lean.js"
rename to "assets/src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.xpfmnY7g.lean.js"
index c79af61885..cec5d35aad 100644
--- "a/assets/src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.BcsCXIM4.lean.js"
+++ "b/assets/src_types_\351\253\230\347\272\247\347\261\273\345\236\213.md.xpfmnY7g.lean.js"
@@ -1 +1 @@
-import{_ as e,o as r,c as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"TypeScript 内置的高级类型","description":"","frontmatter":{},"headers":[],"relativePath":"src/types/高级类型.md","filePath":"src/types/高级类型.md","lastUpdated":1728129125000}'),o={name:"src/types/高级类型.md"};function l(n,a,h,c,s,d){return r(),t("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="typescript-内置的高级类型" tabindex="-1">TypeScript 内置的高级类型 <a class="header-anchor" href="#typescript-内置的高级类型" aria-label="Permalink to &quot;TypeScript 内置的高级类型&quot;">​</a></h1><h2 id="parameters" tabindex="-1">Parameters <a class="header-anchor" href="#parameters" aria-label="Permalink to &quot;Parameters&quot;">​</a></h2><p>Parameters 用于提取函数类型的参数类型。</p><h2 id="returntype" tabindex="-1">ReturnType <a class="header-anchor" href="#returntype" aria-label="Permalink to &quot;ReturnType&quot;">​</a></h2><p>ReturnType 用于提取函数类型的返回值类型。</p><h2 id="constructorparameters" tabindex="-1">ConstructorParameters <a class="header-anchor" href="#constructorparameters" aria-label="Permalink to &quot;ConstructorParameters&quot;">​</a></h2><p>构造器类型和函数类型的区别就是可以被 new。</p><p>Parameters 用于提取函数参数的类型，而 ConstructorParameters 用于提取构造器参数的类型。</p><h2 id="instancetype" tabindex="-1">InstanceType <a class="header-anchor" href="#instancetype" aria-label="Permalink to &quot;InstanceType&quot;">​</a></h2><p>提取了构造器参数的类型，自然也可以提取构造器返回值的类型，就是 InstanceType。</p><h2 id="thisparametertype" tabindex="-1">ThisParameterType <a class="header-anchor" href="#thisparametertype" aria-label="Permalink to &quot;ThisParameterType&quot;">​</a></h2><h2 id="omitthisparameter" tabindex="-1">OmitThisParameter <a class="header-anchor" href="#omitthisparameter" aria-label="Permalink to &quot;OmitThisParameter&quot;">​</a></h2><h2 id="partial" tabindex="-1">Partial <a class="header-anchor" href="#partial" aria-label="Permalink to &quot;Partial&quot;">​</a></h2><h2 id="required" tabindex="-1">Required <a class="header-anchor" href="#required" aria-label="Permalink to &quot;Required&quot;">​</a></h2><h2 id="readonly" tabindex="-1">Readonly <a class="header-anchor" href="#readonly" aria-label="Permalink to &quot;Readonly&quot;">​</a></h2><h2 id="pick" tabindex="-1">Pick <a class="header-anchor" href="#pick" aria-label="Permalink to &quot;Pick&quot;">​</a></h2><h2 id="record" tabindex="-1">Record <a class="header-anchor" href="#record" aria-label="Permalink to &quot;Record&quot;">​</a></h2><h2 id="exclude" tabindex="-1">Exclude <a class="header-anchor" href="#exclude" aria-label="Permalink to &quot;Exclude&quot;">​</a></h2><h2 id="extract" tabindex="-1">Extract <a class="header-anchor" href="#extract" aria-label="Permalink to &quot;Extract&quot;">​</a></h2><h2 id="omit" tabindex="-1">Omit <a class="header-anchor" href="#omit" aria-label="Permalink to &quot;Omit&quot;">​</a></h2><h2 id="awaited" tabindex="-1">Awaited <a class="header-anchor" href="#awaited" aria-label="Permalink to &quot;Awaited&quot;">​</a></h2><h2 id="nonnullable" tabindex="-1">NonNullable <a class="header-anchor" href="#nonnullable" aria-label="Permalink to &quot;NonNullable&quot;">​</a></h2><h2 id="uppercase" tabindex="-1">Uppercase <a class="header-anchor" href="#uppercase" aria-label="Permalink to &quot;Uppercase&quot;">​</a></h2><h2 id="lowercase" tabindex="-1">Lowercase <a class="header-anchor" href="#lowercase" aria-label="Permalink to &quot;Lowercase&quot;">​</a></h2><h2 id="capitalize" tabindex="-1">Capitalize <a class="header-anchor" href="#capitalize" aria-label="Permalink to &quot;Capitalize&quot;">​</a></h2><h2 id="uncapitalize" tabindex="-1">Uncapitalize <a class="header-anchor" href="#uncapitalize" aria-label="Permalink to &quot;Uncapitalize&quot;">​</a></h2><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>比如用模式匹配可以实现：Parameters、ReturnType、ConstructorParameters、InstanceType、ThisParameterType。</p><p>用模式匹配 + 重新构造可以实现：OmitThisParameter</p><p>用重新构造可以实现：Partial、Required、Readonly、Pick、Record</p><p>用模式匹配 + 递归可以实现： Awaited</p><p>用联合类型在分布式条件类型的特性可以实现： Exclude</p><p>此外还有 NonNullable 和四个编译器内部实现的类型：Uppercase、Lowercase、Capitalize、Uncapitalize。</p>',33)]))}const m=e(o,[["render",l]]);export{u as __pageData,m as default};
+import{_ as e,o as r,c as t,a3 as i}from"./chunks/framework.eq-HTtE3.js";const u=JSON.parse('{"title":"TypeScript 内置的高级类型","description":"","frontmatter":{},"headers":[],"relativePath":"src/types/高级类型.md","filePath":"src/types/高级类型.md","lastUpdated":1728129344000}'),o={name:"src/types/高级类型.md"};function l(n,a,h,c,s,d){return r(),t("div",{"data-pagefind-body":!0},a[0]||(a[0]=[i('<h1 id="typescript-内置的高级类型" tabindex="-1">TypeScript 内置的高级类型 <a class="header-anchor" href="#typescript-内置的高级类型" aria-label="Permalink to &quot;TypeScript 内置的高级类型&quot;">​</a></h1><h2 id="parameters" tabindex="-1">Parameters <a class="header-anchor" href="#parameters" aria-label="Permalink to &quot;Parameters&quot;">​</a></h2><p>Parameters 用于提取函数类型的参数类型。</p><h2 id="returntype" tabindex="-1">ReturnType <a class="header-anchor" href="#returntype" aria-label="Permalink to &quot;ReturnType&quot;">​</a></h2><p>ReturnType 用于提取函数类型的返回值类型。</p><h2 id="constructorparameters" tabindex="-1">ConstructorParameters <a class="header-anchor" href="#constructorparameters" aria-label="Permalink to &quot;ConstructorParameters&quot;">​</a></h2><p>构造器类型和函数类型的区别就是可以被 new。</p><p>Parameters 用于提取函数参数的类型，而 ConstructorParameters 用于提取构造器参数的类型。</p><h2 id="instancetype" tabindex="-1">InstanceType <a class="header-anchor" href="#instancetype" aria-label="Permalink to &quot;InstanceType&quot;">​</a></h2><p>提取了构造器参数的类型，自然也可以提取构造器返回值的类型，就是 InstanceType。</p><h2 id="thisparametertype" tabindex="-1">ThisParameterType <a class="header-anchor" href="#thisparametertype" aria-label="Permalink to &quot;ThisParameterType&quot;">​</a></h2><h2 id="omitthisparameter" tabindex="-1">OmitThisParameter <a class="header-anchor" href="#omitthisparameter" aria-label="Permalink to &quot;OmitThisParameter&quot;">​</a></h2><h2 id="partial" tabindex="-1">Partial <a class="header-anchor" href="#partial" aria-label="Permalink to &quot;Partial&quot;">​</a></h2><h2 id="required" tabindex="-1">Required <a class="header-anchor" href="#required" aria-label="Permalink to &quot;Required&quot;">​</a></h2><h2 id="readonly" tabindex="-1">Readonly <a class="header-anchor" href="#readonly" aria-label="Permalink to &quot;Readonly&quot;">​</a></h2><h2 id="pick" tabindex="-1">Pick <a class="header-anchor" href="#pick" aria-label="Permalink to &quot;Pick&quot;">​</a></h2><h2 id="record" tabindex="-1">Record <a class="header-anchor" href="#record" aria-label="Permalink to &quot;Record&quot;">​</a></h2><h2 id="exclude" tabindex="-1">Exclude <a class="header-anchor" href="#exclude" aria-label="Permalink to &quot;Exclude&quot;">​</a></h2><h2 id="extract" tabindex="-1">Extract <a class="header-anchor" href="#extract" aria-label="Permalink to &quot;Extract&quot;">​</a></h2><h2 id="omit" tabindex="-1">Omit <a class="header-anchor" href="#omit" aria-label="Permalink to &quot;Omit&quot;">​</a></h2><h2 id="awaited" tabindex="-1">Awaited <a class="header-anchor" href="#awaited" aria-label="Permalink to &quot;Awaited&quot;">​</a></h2><h2 id="nonnullable" tabindex="-1">NonNullable <a class="header-anchor" href="#nonnullable" aria-label="Permalink to &quot;NonNullable&quot;">​</a></h2><h2 id="uppercase" tabindex="-1">Uppercase <a class="header-anchor" href="#uppercase" aria-label="Permalink to &quot;Uppercase&quot;">​</a></h2><h2 id="lowercase" tabindex="-1">Lowercase <a class="header-anchor" href="#lowercase" aria-label="Permalink to &quot;Lowercase&quot;">​</a></h2><h2 id="capitalize" tabindex="-1">Capitalize <a class="header-anchor" href="#capitalize" aria-label="Permalink to &quot;Capitalize&quot;">​</a></h2><h2 id="uncapitalize" tabindex="-1">Uncapitalize <a class="header-anchor" href="#uncapitalize" aria-label="Permalink to &quot;Uncapitalize&quot;">​</a></h2><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>比如用模式匹配可以实现：Parameters、ReturnType、ConstructorParameters、InstanceType、ThisParameterType。</p><p>用模式匹配 + 重新构造可以实现：OmitThisParameter</p><p>用重新构造可以实现：Partial、Required、Readonly、Pick、Record</p><p>用模式匹配 + 递归可以实现： Awaited</p><p>用联合类型在分布式条件类型的特性可以实现： Exclude</p><p>此外还有 NonNullable 和四个编译器内部实现的类型：Uppercase、Lowercase、Capitalize、Uncapitalize。</p>',33)]))}const m=e(o,[["render",l]]);export{u as __pageData,m as default};
diff --git a/cn/index.html b/cn/index.html
index af4c2c1b4a..34b85f7a73 100644
--- a/cn/index.html
+++ b/cn/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_index.md.CC940uHT.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_index.md.BLhfTKfk.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
     <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPHome" data-v-c575eed1 data-v-c1e44215><!--[--><!--]--><div class="VPHero has-image VPHomeHero" data-v-c1e44215 data-v-0313f8fa><div class="container" data-v-0313f8fa><div class="main" data-v-0313f8fa><!--[--><!--]--><!--[--><h1 class="name" data-v-0313f8fa><span class="clip" data-v-0313f8fa>ran</span></h1><p class="text" data-v-0313f8fa>风起于青萍之末</p><p class="tagline" data-v-0313f8fa>A ship in harbor is safe, but that is not what ships are built for.</p><!--]--><!--[--><!--]--><div class="actions" data-v-0313f8fa><!--[--><div class="action" data-v-0313f8fa><a class="VPButton medium alt" href="https://github.com/chaxus/ran" target="_blank" rel="noreferrer" data-v-0313f8fa data-v-bbea5d5d>更多详情</a></div><div class="action" data-v-0313f8fa><a class="VPButton medium alt" href="https://github.com/chaxus/ran" target="_blank" rel="noreferrer" data-v-0313f8fa data-v-bbea5d5d>访问我的 GitHub</a></div><!--]--></div><!--[--><!--]--></div><div class="image" data-v-0313f8fa><div class="image-container" data-v-0313f8fa><div class="image-bg" data-v-0313f8fa></div><!--[--><!--[--><img class="VPImage image-src" src="/ran/home.svg" alt="logo" data-v-7b8f395d><!--]--><!--]--></div></div></div></div><!--[--><!--]--><!--[--><!--]--><div class="VPFeatures VPHomeFeatures" data-v-c1e44215 data-v-b79e191c><div class="container" data-v-b79e191c><div class="items" data-v-b79e191c><!--[--><div class="grid-3 item" data-v-b79e191c><div class="VPLink no-icon VPFeature" data-v-b79e191c data-v-ce15ebd4><!--[--><article class="box" data-v-ce15ebd4><div class="icon" data-v-ce15ebd4>⚡️</div><h2 class="title" data-v-ce15ebd4>记录</h2><p class="details" data-v-ce15ebd4>每段旅程都有终点</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-b79e191c><div class="VPLink no-icon VPFeature" data-v-b79e191c data-v-ce15ebd4><!--[--><article class="box" data-v-ce15ebd4><div class="icon" data-v-ce15ebd4>🛠️</div><h2 class="title" data-v-ce15ebd4>解决</h2><p class="details" data-v-ce15ebd4>无法衡量，无法改进</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-b79e191c><div class="VPLink no-icon VPFeature" data-v-b79e191c data-v-ce15ebd4><!--[--><article class="box" data-v-ce15ebd4><div class="icon" data-v-ce15ebd4>🖖</div><h2 class="title" data-v-ce15ebd4>分享</h2><p class="details" data-v-ce15ebd4>一个人可以走得很快，一群人可以走的很远</p><!----></article><!--]--></div></div><!--]--></div></div></div><!--[--><!--]--><div class="vp-doc container" style="" data-v-c1e44215 data-v-269c2bad><!--[--><div style="position:relative;" data-v-c1e44215><div></div></div><!--]--></div></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/astParse/tokenizer.html b/cn/src/article/astParse/tokenizer.html
index 61382eef22..d5f88eda77 100644
--- a/cn/src/article/astParse/tokenizer.html
+++ b/cn/src/article/astParse/tokenizer.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/extra.Cu56q3CZ.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_astParse_tokenizer.md.CbTsq3qg.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_astParse_tokenizer.md.fRsPjbrs.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -226,8 +226,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  { type: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;RightParen&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, value: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;)&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, start: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">17</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, end: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">18</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> },</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  { type: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;LeftCurly&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, value: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;{&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, start: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">19</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, end: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">20</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> },</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  { type: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;RightCurly&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, value: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;}&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, start: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">20</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, end: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">21</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> },</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>一个简易版本的分词器已经被我们开发出来了，不过目前的分词器还比较简陋，仅仅支持有限的语法，不过在明确了核心的开发步骤之后，后面继续完善的过程就比较简单了。</p><h2 id="四。编写语法分析器-parser" tabindex="-1">四。编写语法分析器（Parser） <a class="header-anchor" href="#四。编写语法分析器-parser" aria-label="Permalink to &quot;四。编写语法分析器（Parser）&quot;">​</a></h2><p>在解析出词法 <code>token</code> 之后，我们就可以进入语法分析阶段了。在这个阶段，我们会依次遍历 <code>token</code> ，对代码进行语法结构层面的分析，最后的目标是生成 <code>AST</code> 数据结构。至于代码的 <code>AST</code> 结构到底是什么样子，你可以去 <code>AST Explorer</code> 网站进行在线预览：</p><p><img src="/ran/assets/Comment.BYtNY-L1.jpeg" alt=""></p><p>接下来，我们要做的就是将 <code>token</code> 数组转换为上图所示的 <code>AST</code> 数据。</p><p>开发步骤主要分为：</p><ul><li>初始化类型声明</li><li></li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>一个简易版本的分词器已经被我们开发出来了，不过目前的分词器还比较简陋，仅仅支持有限的语法，不过在明确了核心的开发步骤之后，后面继续完善的过程就比较简单了。</p><h2 id="四。编写语法分析器-parser" tabindex="-1">四。编写语法分析器（Parser） <a class="header-anchor" href="#四。编写语法分析器-parser" aria-label="Permalink to &quot;四。编写语法分析器（Parser）&quot;">​</a></h2><p>在解析出词法 <code>token</code> 之后，我们就可以进入语法分析阶段了。在这个阶段，我们会依次遍历 <code>token</code> ，对代码进行语法结构层面的分析，最后的目标是生成 <code>AST</code> 数据结构。至于代码的 <code>AST</code> 结构到底是什么样子，你可以去 <code>AST Explorer</code> 网站进行在线预览：</p><p><img src="/ran/assets/Comment.BYtNY-L1.jpeg" alt=""></p><p>接下来，我们要做的就是将 <code>token</code> 数组转换为上图所示的 <code>AST</code> 数据。</p><p>开发步骤主要分为：</p><ul><li>初始化类型声明</li><li></li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/babel.html b/cn/src/article/babel.html
index 32a8160b1c..b05e0cc539 100644
--- a/cn/src/article/babel.html
+++ b/cn/src/article/babel.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_babel.md.Bb4oNZ50.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_babel.md.igUT7dgP.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/babel.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/babel.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 种经典设计模式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>函数式编程</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/docPreview.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>web 文档预览方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/video.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Web 视频加密动态方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/visual.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>可视化渲染引擎</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>排序算法</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>冒泡排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>选择排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>插入排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>希尔排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>归并排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>快速排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>堆排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>计数排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>桶排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>基数排序</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_article_babel" data-v-9f8645df><div data-pagefind-body="true"><h1 id="babel" tabindex="-1">Babel <a class="header-anchor" href="#babel" aria-label="Permalink to &quot;Babel&quot;">​</a></h1><p>babel 核心库主要是：</p><ul><li>@babel/parser 对源码进行 parse，可以通过 plugins、sourceType 等来指定 parse 语法，功能是把源码转成 AST。</li><li>@babel/traverse 通过 visitor 函数对遍历到的 ast 进行处理，分为 enter 和 exit 两个阶段，具体操作 AST 使用 path 的 api，还可以通过 state 来在遍历过程中传递一些数据</li><li>@babel/types 用于创建、判断 AST 节点，提供了 xxx、isXxx、assertXxx 的 api</li><li>@babel/template 当需要批量创建 AST 的时候可以使用 @babel/template 来简化 AST 创建逻辑。</li><li>@babel/code-frame 可以创建友好的报错信息</li><li>@babel/generator 打印 AST 成目标代码字符串，支持 comments、minified、sourceMaps 等选项。</li><li>@babel/core 基于上面的包来完成 babel 的编译流程，并应用 plugin 和 preset。</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/babel.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/babel.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 种经典设计模式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>函数式编程</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/docPreview.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>web 文档预览方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/video.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Web 视频加密动态方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/visual.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>可视化渲染引擎</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>排序算法</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>冒泡排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>选择排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>插入排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>希尔排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>归并排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>快速排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>堆排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>计数排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>桶排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>基数排序</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_article_babel" data-v-9f8645df><div data-pagefind-body="true"><h1 id="babel" tabindex="-1">Babel <a class="header-anchor" href="#babel" aria-label="Permalink to &quot;Babel&quot;">​</a></h1><p>babel 核心库主要是：</p><ul><li>@babel/parser 对源码进行 parse，可以通过 plugins、sourceType 等来指定 parse 语法，功能是把源码转成 AST。</li><li>@babel/traverse 通过 visitor 函数对遍历到的 ast 进行处理，分为 enter 和 exit 两个阶段，具体操作 AST 使用 path 的 api，还可以通过 state 来在遍历过程中传递一些数据</li><li>@babel/types 用于创建、判断 AST 节点，提供了 xxx、isXxx、assertXxx 的 api</li><li>@babel/template 当需要批量创建 AST 的时候可以使用 @babel/template 来简化 AST 创建逻辑。</li><li>@babel/code-frame 可以创建友好的报错信息</li><li>@babel/generator 打印 AST 成目标代码字符串，支持 comments、minified、sourceMaps 等选项。</li><li>@babel/core 基于上面的包来完成 babel 的编译流程，并应用 plugin 和 preset。</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/bundle.html b/cn/src/article/bundle.html
index 69024f62f8..87ebbfa262 100644
--- a/cn/src/article/bundle.html
+++ b/cn/src/article/bundle.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_bundle.md.BgkzbBow.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_bundle.md.DQFZ3YRD.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/bundle.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/bundle.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 种经典设计模式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>函数式编程</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/docPreview.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>web 文档预览方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/video.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Web 视频加密动态方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/visual.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>可视化渲染引擎</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>排序算法</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>冒泡排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>选择排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>插入排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>希尔排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>归并排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>快速排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>堆排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>计数排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>桶排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>基数排序</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_article_bundle" data-v-9f8645df><div data-pagefind-body="true"><h1 id="bundle" tabindex="-1">Bundle <a class="header-anchor" href="#bundle" aria-label="Permalink to &quot;Bundle&quot;">​</a></h1><p>Bundle 的本质就是输入，转换，输出。在机器上直接运行的代码，往往都难以维护和理解，我们需要将开发者方便理解和维护的代码，通过打包等工具转换成方便机器或者程序使用的代码。对于 web 前端来说，打包工具，至少需要以下功能：</p><ul><li>编译能力</li><li>插件机制</li><li>HMR</li><li>cli 和命令行能力</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/bundle.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/bundle.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 种经典设计模式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>函数式编程</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/docPreview.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>web 文档预览方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/video.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Web 视频加密动态方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/visual.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>可视化渲染引擎</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>排序算法</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>冒泡排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>选择排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>插入排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>希尔排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>归并排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>快速排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>堆排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>计数排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>桶排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>基数排序</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_article_bundle" data-v-9f8645df><div data-pagefind-body="true"><h1 id="bundle" tabindex="-1">Bundle <a class="header-anchor" href="#bundle" aria-label="Permalink to &quot;Bundle&quot;">​</a></h1><p>Bundle 的本质就是输入，转换，输出。在机器上直接运行的代码，往往都难以维护和理解，我们需要将开发者方便理解和维护的代码，通过打包等工具转换成方便机器或者程序使用的代码。对于 web 前端来说，打包工具，至少需要以下功能：</p><ul><li>编译能力</li><li>插件机制</li><li>HMR</li><li>cli 和命令行能力</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/designMode.html b/cn/src/article/designMode.html
index 6d7efcbcc0..c33da7e611 100644
--- a/cn/src/article/designMode.html
+++ b/cn/src/article/designMode.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/访问者._0swtoJg.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_designMode.md.BzjcnDMg.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_designMode.md.B2Mi_NTb.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -794,8 +794,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">Visitor.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(a,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">Visitor.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(a,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">5</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">6</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">Visitor.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(a);</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">Visitor.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">splice</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(a,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span></code></pre></div><p>访问者模式解决了数据与数据的操作方法之间的耦合，让数据的操作方法独立于数据，使其可以自由演变。因此，访问者模式更适合于那些数据稳定、但数据的操作方法易变的环境下。</p><p><strong>优点：</strong></p><ul><li>增加新的访问操作很方便。使用访问者模式，增加新的访问操作就意味着增加一个新的具体访问者类，实现简单，无须修改源代码，符合“开闭原则”。</li><li>将有关元素对象的访问行为集中到一个访问者对象中，而不是分散在一个个的元素类中。类的职责更加清晰，有利于对象结构中元素对象的复用，相同的对象结构可以供多个不同的访问者访问。</li><li>让用户能够在不修改现有元素类层次结构的情况下，定义作用于该层次结构的操作。</li></ul><p><strong>缺点：</strong></p><ul><li>增加新的元素类很困难。在访问者模式中，每增加一个新的元素类都意味着要在抽象访问者角色中增加一个新的抽象操作，并在每一个具体访问者类中增加相应的具体操作，这违背了“开闭原则”的要求。</li><li>破坏封装。访问者模式要求访问者对象访问并调用每一个元素对象的操作，这意味着元素对象有时候必须暴露一些自己的内部操作和内部状态，否则无法供访问者访问。</li></ul><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>系统地学习设计模式后，你可以在过往的开发经历中发现，设计模式是无处不在的。在学习设计模式之前的很多时候我们是凭借过往经验和智慧来完善系统的设计，而这些经验很多和某个设计模式的思想不谋而合。</p><p>还有一些地方没有完全理解，文中有误之处还望不吝指出。</p><h2 id="参考资料" tabindex="-1">参考资料 <a class="header-anchor" href="#参考资料" aria-label="Permalink to &quot;参考资料&quot;">​</a></h2><ul><li><a href="https://github.com/xietao3/Study-Plan" target="_blank" rel="noreferrer">Study-Plan</a></li><li><a href="https://zhuanlan.zhihu.com/p/472719016" target="_blank" rel="noreferrer">javaScript 设计模式统计</a></li><li><a href="https://juejin.cn/post/6844903713866252296" target="_blank" rel="noreferrer">ES6 系列之我们来聊聊装饰器</a></li><li><a href="https://segmentfault.com/a/1190000038250020" target="_blank" rel="noreferrer">设计模式之生成器模式</a></li><li><a href="https://juejin.im/user/57f8ffda2e958a005581e3c0/posts" target="_blank" rel="noreferrer">https://juejin.im/user/57f8ffda2e958a005581e3c0/posts</a></li><li><a href="https://design-patterns.readthedocs.io/zh_CN/latest/index.html" target="_blank" rel="noreferrer">https://design-patterns.readthedocs.io/zh_CN/latest/index.html</a></li><li><a href="https://blog.csdn.net/lovelion/article/details/17517213" target="_blank" rel="noreferrer">https://blog.csdn.net/lovelion/article/details/17517213</a></li><li><a href="https://github.com/skyming/Trip-to-iOS-Design-Patterns" target="_blank" rel="noreferrer">https://github.com/skyming/Trip-to-iOS-Design-Patterns</a></li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/functionalProgramming.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>函数式编程</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">Visitor.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">splice</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(a,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span></code></pre></div><p>访问者模式解决了数据与数据的操作方法之间的耦合，让数据的操作方法独立于数据，使其可以自由演变。因此，访问者模式更适合于那些数据稳定、但数据的操作方法易变的环境下。</p><p><strong>优点：</strong></p><ul><li>增加新的访问操作很方便。使用访问者模式，增加新的访问操作就意味着增加一个新的具体访问者类，实现简单，无须修改源代码，符合“开闭原则”。</li><li>将有关元素对象的访问行为集中到一个访问者对象中，而不是分散在一个个的元素类中。类的职责更加清晰，有利于对象结构中元素对象的复用，相同的对象结构可以供多个不同的访问者访问。</li><li>让用户能够在不修改现有元素类层次结构的情况下，定义作用于该层次结构的操作。</li></ul><p><strong>缺点：</strong></p><ul><li>增加新的元素类很困难。在访问者模式中，每增加一个新的元素类都意味着要在抽象访问者角色中增加一个新的抽象操作，并在每一个具体访问者类中增加相应的具体操作，这违背了“开闭原则”的要求。</li><li>破坏封装。访问者模式要求访问者对象访问并调用每一个元素对象的操作，这意味着元素对象有时候必须暴露一些自己的内部操作和内部状态，否则无法供访问者访问。</li></ul><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>系统地学习设计模式后，你可以在过往的开发经历中发现，设计模式是无处不在的。在学习设计模式之前的很多时候我们是凭借过往经验和智慧来完善系统的设计，而这些经验很多和某个设计模式的思想不谋而合。</p><p>还有一些地方没有完全理解，文中有误之处还望不吝指出。</p><h2 id="参考资料" tabindex="-1">参考资料 <a class="header-anchor" href="#参考资料" aria-label="Permalink to &quot;参考资料&quot;">​</a></h2><ul><li><a href="https://github.com/xietao3/Study-Plan" target="_blank" rel="noreferrer">Study-Plan</a></li><li><a href="https://zhuanlan.zhihu.com/p/472719016" target="_blank" rel="noreferrer">javaScript 设计模式统计</a></li><li><a href="https://juejin.cn/post/6844903713866252296" target="_blank" rel="noreferrer">ES6 系列之我们来聊聊装饰器</a></li><li><a href="https://segmentfault.com/a/1190000038250020" target="_blank" rel="noreferrer">设计模式之生成器模式</a></li><li><a href="https://juejin.im/user/57f8ffda2e958a005581e3c0/posts" target="_blank" rel="noreferrer">https://juejin.im/user/57f8ffda2e958a005581e3c0/posts</a></li><li><a href="https://design-patterns.readthedocs.io/zh_CN/latest/index.html" target="_blank" rel="noreferrer">https://design-patterns.readthedocs.io/zh_CN/latest/index.html</a></li><li><a href="https://blog.csdn.net/lovelion/article/details/17517213" target="_blank" rel="noreferrer">https://blog.csdn.net/lovelion/article/details/17517213</a></li><li><a href="https://github.com/skyming/Trip-to-iOS-Design-Patterns" target="_blank" rel="noreferrer">https://github.com/skyming/Trip-to-iOS-Design-Patterns</a></li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/functionalProgramming.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>函数式编程</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/docPreview.html b/cn/src/article/docPreview.html
index 636b2f202a..57f7bc7ab4 100644
--- a/cn/src/article/docPreview.html
+++ b/cn/src/article/docPreview.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_docPreview.md.Bk6_K5Up.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_docPreview.md.BpvHIdsV.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -304,8 +304,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    public</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> static</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> void</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> main</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">String</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) {</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">        convertToPDF</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;/Users/koolearn/Desktop/asdf.docx&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;/Users/koolearn/Desktop/adsf.pdf&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h3 id="_2-kkfileview" tabindex="-1">2.kkFileView <a class="header-anchor" href="#_2-kkfileview" aria-label="Permalink to &quot;2.kkFileView&quot;">​</a></h3><p><code>github</code>地址：<a href="https://github.com/kekingcn/kkFileView" target="_blank" rel="noreferrer">https://github.com/kekingcn/kkFileView</a></p><p>支持的文件预览格式非常丰富 <img src="/ran/assets/kkfile_des.CENUMtpY.webp" alt="image.png"></p><p>接下来是 <code>从零到一</code> 的启动步骤，按着步骤来，任何人都能搞定</p><ol><li>安装<code>java</code>:</li></ol><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">brew</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> java</span></span></code></pre></div><ol><li>安装<code>maven</code>,<code>java</code>的包管理工具：</li></ol><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">brew</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> mvn</span></span></code></pre></div><ol><li>检查是否安装成功</li></ol><p>执行<code>java --version</code>和<code>mvn -v</code>。我这里遇到<code>mvn</code>找不到<code>java home</code>的报错。解决方式如下：</p><p>我用的是<code>zsh</code>，所以需要去<code>.zshrc</code>添加路径：</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>export JAVA_HOME=$(/usr/libexec/java_home)</span></span></code></pre></div><p>添加完后，执行</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>source .zshrc</span></span></code></pre></div><ol start="4"><li>安装下<code>libreoffice </code>:</li></ol><p><code>kkFileView</code>明确要求的额外依赖，否则无法启动</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>brew install libreoffice</span></span></code></pre></div><ol start="5"><li><code>mvn</code>安装依赖</li></ol><p>进入项目，在根目录执行依赖安装，同时清理缓存，跳过单测 (遇到了单测报错的问题)</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>mvn clean install -DskipTests</span></span></code></pre></div><ol start="6"><li>启动项目</li></ol><p>找到主文件，主函数<code>mian</code>，点击<code>vscode</code>上面的<code>Run</code>即可执行，路径如下图</p><p><img src="/ran/assets/kkfile.X1tAqvNa.webp" alt="image.png"></p><ol><li>访问页面</li></ol><p>启动完成后，点击终端输出的地址</p><p><img src="/ran/assets/kkfile_output.DD8iZdbo.webp" alt="image.png"></p><ol><li>最终结果</li></ol><p>最终展示如下，可以添加链接进行预览，也可以选择本地文件进行预览</p><p><img src="/ran/assets/kkfile_doc.CPfEUxoD.webp" alt="image.png"></p><p>预览效果非常好</p><h3 id="_3-onlyoffice" tabindex="-1">3.onlyOffice <a class="header-anchor" href="#_3-onlyoffice" aria-label="Permalink to &quot;3.onlyOffice&quot;">​</a></h3><p>官网地址：<a href="https://www.onlyoffice.com/zh" target="_blank" rel="noreferrer">https://www.onlyoffice.com/zh</a></p><p><code>github</code>地址：<a href="https://github.com/ONLYOFFICE" target="_blank" rel="noreferrer">https://github.com/ONLYOFFICE</a></p><p>开发者版本和社区版免费，企业版付费：<a href="https://www.onlyoffice.com/zh/docs-enterprise-prices.aspx" target="_blank" rel="noreferrer">https://www.onlyoffice.com/zh/docs-enterprise-prices.aspx</a></p><p>预览的文件种类没有<code>kkFileView</code>多，但对<code>office</code>三件套有很好的支持，甚至支持多人编辑。</p><h2 id="四-总结" tabindex="-1">四：总结 <a class="header-anchor" href="#四-总结" aria-label="Permalink to &quot;四：总结&quot;">​</a></h2><ol><li>外部服务，推荐微软的<code>view.officeapps.live.com/op/view.aspx</code>，但只建议预览一些互联网公开的文件，不建议使用在要求保密性和稳定性的文件。</li><li>对保密性和稳定性有要求，且不差钱的，可以试试大厂服务，阿里云解决方案。</li><li>服务端技术比较给力的，使用服务端预览方案。目前最好最全的效果是服务端预览方案。</li><li>不想花钱，没有服务器的，使用前端预览方案，客户端渲染零成本。</li></ol><h2 id="五-参考文档" tabindex="-1">五：参考文档： <a class="header-anchor" href="#五-参考文档" aria-label="Permalink to &quot;五：参考文档：&quot;">​</a></h2><ol><li><a href="https://blog.csdn.net/Li_Zhongxin/article/details/132105957" target="_blank" rel="noreferrer">在 java 中如何使用 openOffice 进行格式转换</a></li><li><a href="https://blog.51cto.com/u_15899048/5902747" target="_blank" rel="noreferrer">MAC 搭建 OpenOffice 完整教程 - 保姆级</a></li><li><a href="https://juejin.cn/post/7251199685130059833" target="_blank" rel="noreferrer">纯 js 实现 docx、xlsx、pdf 文件预览库，使用超简单</a></li><li><a href="https://juejin.cn/post/7071598747519549454" target="_blank" rel="noreferrer">前端实现 word、excel、pdf、ppt、mp4、图片、文本等文件的预览</a></li></ol></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/functionalProgramming.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>函数式编程</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/video.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Web 视频加密动态方案</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h3 id="_2-kkfileview" tabindex="-1">2.kkFileView <a class="header-anchor" href="#_2-kkfileview" aria-label="Permalink to &quot;2.kkFileView&quot;">​</a></h3><p><code>github</code>地址：<a href="https://github.com/kekingcn/kkFileView" target="_blank" rel="noreferrer">https://github.com/kekingcn/kkFileView</a></p><p>支持的文件预览格式非常丰富 <img src="/ran/assets/kkfile_des.CENUMtpY.webp" alt="image.png"></p><p>接下来是 <code>从零到一</code> 的启动步骤，按着步骤来，任何人都能搞定</p><ol><li>安装<code>java</code>:</li></ol><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">brew</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> java</span></span></code></pre></div><ol><li>安装<code>maven</code>,<code>java</code>的包管理工具：</li></ol><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">brew</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> mvn</span></span></code></pre></div><ol><li>检查是否安装成功</li></ol><p>执行<code>java --version</code>和<code>mvn -v</code>。我这里遇到<code>mvn</code>找不到<code>java home</code>的报错。解决方式如下：</p><p>我用的是<code>zsh</code>，所以需要去<code>.zshrc</code>添加路径：</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>export JAVA_HOME=$(/usr/libexec/java_home)</span></span></code></pre></div><p>添加完后，执行</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>source .zshrc</span></span></code></pre></div><ol start="4"><li>安装下<code>libreoffice </code>:</li></ol><p><code>kkFileView</code>明确要求的额外依赖，否则无法启动</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>brew install libreoffice</span></span></code></pre></div><ol start="5"><li><code>mvn</code>安装依赖</li></ol><p>进入项目，在根目录执行依赖安装，同时清理缓存，跳过单测 (遇到了单测报错的问题)</p><div class="language- vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span>mvn clean install -DskipTests</span></span></code></pre></div><ol start="6"><li>启动项目</li></ol><p>找到主文件，主函数<code>mian</code>，点击<code>vscode</code>上面的<code>Run</code>即可执行，路径如下图</p><p><img src="/ran/assets/kkfile.X1tAqvNa.webp" alt="image.png"></p><ol><li>访问页面</li></ol><p>启动完成后，点击终端输出的地址</p><p><img src="/ran/assets/kkfile_output.DD8iZdbo.webp" alt="image.png"></p><ol><li>最终结果</li></ol><p>最终展示如下，可以添加链接进行预览，也可以选择本地文件进行预览</p><p><img src="/ran/assets/kkfile_doc.CPfEUxoD.webp" alt="image.png"></p><p>预览效果非常好</p><h3 id="_3-onlyoffice" tabindex="-1">3.onlyOffice <a class="header-anchor" href="#_3-onlyoffice" aria-label="Permalink to &quot;3.onlyOffice&quot;">​</a></h3><p>官网地址：<a href="https://www.onlyoffice.com/zh" target="_blank" rel="noreferrer">https://www.onlyoffice.com/zh</a></p><p><code>github</code>地址：<a href="https://github.com/ONLYOFFICE" target="_blank" rel="noreferrer">https://github.com/ONLYOFFICE</a></p><p>开发者版本和社区版免费，企业版付费：<a href="https://www.onlyoffice.com/zh/docs-enterprise-prices.aspx" target="_blank" rel="noreferrer">https://www.onlyoffice.com/zh/docs-enterprise-prices.aspx</a></p><p>预览的文件种类没有<code>kkFileView</code>多，但对<code>office</code>三件套有很好的支持，甚至支持多人编辑。</p><h2 id="四-总结" tabindex="-1">四：总结 <a class="header-anchor" href="#四-总结" aria-label="Permalink to &quot;四：总结&quot;">​</a></h2><ol><li>外部服务，推荐微软的<code>view.officeapps.live.com/op/view.aspx</code>，但只建议预览一些互联网公开的文件，不建议使用在要求保密性和稳定性的文件。</li><li>对保密性和稳定性有要求，且不差钱的，可以试试大厂服务，阿里云解决方案。</li><li>服务端技术比较给力的，使用服务端预览方案。目前最好最全的效果是服务端预览方案。</li><li>不想花钱，没有服务器的，使用前端预览方案，客户端渲染零成本。</li></ol><h2 id="五-参考文档" tabindex="-1">五：参考文档： <a class="header-anchor" href="#五-参考文档" aria-label="Permalink to &quot;五：参考文档：&quot;">​</a></h2><ol><li><a href="https://blog.csdn.net/Li_Zhongxin/article/details/132105957" target="_blank" rel="noreferrer">在 java 中如何使用 openOffice 进行格式转换</a></li><li><a href="https://blog.51cto.com/u_15899048/5902747" target="_blank" rel="noreferrer">MAC 搭建 OpenOffice 完整教程 - 保姆级</a></li><li><a href="https://juejin.cn/post/7251199685130059833" target="_blank" rel="noreferrer">纯 js 实现 docx、xlsx、pdf 文件预览库，使用超简单</a></li><li><a href="https://juejin.cn/post/7071598747519549454" target="_blank" rel="noreferrer">前端实现 word、excel、pdf、ppt、mp4、图片、文本等文件的预览</a></li></ol></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/functionalProgramming.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>函数式编程</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/video.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Web 视频加密动态方案</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/functionalProgramming.html b/cn/src/article/functionalProgramming.html
index e7a3af412a..ad5bf34114 100644
--- a/cn/src/article/functionalProgramming.html
+++ b/cn/src/article/functionalProgramming.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_functionalProgramming.md.BI-pI2Tm.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_functionalProgramming.md.B0WkJbH2.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -379,8 +379,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> r </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> readFile</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;package.json&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">//这里可以用 map 去处理内容</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  .</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">flatMap</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(print)</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  .</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">join</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="参考资料" tabindex="-1">参考资料 <a class="header-anchor" href="#参考资料" aria-label="Permalink to &quot;参考资料&quot;">​</a></h2><ul><li><a href="http://t.zoukankan.com/feng9exe-p-10477713.html" target="_blank" rel="noreferrer">函数式编程与异步编程</a></li><li><a href="http://www.ruanyifeng.com/blog/2012/04/functional_programming.html" target="_blank" rel="noreferrer">函数式编程初探</a></li><li><a href="http://www.ruanyifeng.com/blog/2017/02/fp-tutorial.html" target="_blank" rel="noreferrer">函数式编程入门教程</a></li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/docPreview.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>web 文档预览方案</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  .</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">join</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="参考资料" tabindex="-1">参考资料 <a class="header-anchor" href="#参考资料" aria-label="Permalink to &quot;参考资料&quot;">​</a></h2><ul><li><a href="http://t.zoukankan.com/feng9exe-p-10477713.html" target="_blank" rel="noreferrer">函数式编程与异步编程</a></li><li><a href="http://www.ruanyifeng.com/blog/2012/04/functional_programming.html" target="_blank" rel="noreferrer">函数式编程初探</a></li><li><a href="http://www.ruanyifeng.com/blog/2017/02/fp-tutorial.html" target="_blank" rel="noreferrer">函数式编程入门教程</a></li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/docPreview.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>web 文档预览方案</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/imagemin.html b/cn/src/article/imagemin.html
index 55d0e997ab..1e633a07f0 100644
--- a/cn/src/article/imagemin.html
+++ b/cn/src/article/imagemin.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_imagemin.md.CEVub_ZQ.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_imagemin.md.O-LRpAFt.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/imagemin.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/imagemin.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 种经典设计模式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>函数式编程</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/docPreview.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>web 文档预览方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/video.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Web 视频加密动态方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/visual.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>可视化渲染引擎</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>排序算法</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>冒泡排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>选择排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>插入排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>希尔排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>归并排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>快速排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>堆排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>计数排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>桶排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>基数排序</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_article_imagemin" data-v-9f8645df><div data-pagefind-body="true"><h1 id="imagemin-图片压缩源码分析" tabindex="-1">imagemin 图片压缩源码分析 <a class="header-anchor" href="#imagemin-图片压缩源码分析" aria-label="Permalink to &quot;imagemin 图片压缩源码分析&quot;">​</a></h1></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/imagemin.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/imagemin.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 种经典设计模式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>函数式编程</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/docPreview.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>web 文档预览方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/video.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Web 视频加密动态方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/visual.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>可视化渲染引擎</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>排序算法</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>冒泡排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>选择排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>插入排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>希尔排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>归并排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>快速排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>堆排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>计数排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>桶排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>基数排序</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_article_imagemin" data-v-9f8645df><div data-pagefind-body="true"><h1 id="imagemin-图片压缩源码分析" tabindex="-1">imagemin 图片压缩源码分析 <a class="header-anchor" href="#imagemin-图片压缩源码分析" aria-label="Permalink to &quot;imagemin 图片压缩源码分析&quot;">​</a></h1></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/javascript/domLoad.html b/cn/src/article/javascript/domLoad.html
index 906f7c8766..4bb9b354b4 100644
--- a/cn/src/article/javascript/domLoad.html
+++ b/cn/src/article/javascript/domLoad.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_javascript_domLoad.md.CI-VlQc8.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_javascript_domLoad.md.Cc9Twcl2.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -44,8 +44,8 @@
   <body>
     <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/javascript/domLoad.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/javascript/domLoad.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 种经典设计模式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>函数式编程</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/docPreview.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>web 文档预览方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/video.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Web 视频加密动态方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/visual.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>可视化渲染引擎</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>排序算法</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>冒泡排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>选择排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>插入排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>希尔排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>归并排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>快速排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>堆排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>计数排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>桶排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>基数排序</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_article_javascript_domLoad" data-v-9f8645df><div data-pagefind-body="true"><h1 id="页面加载完成后事件" tabindex="-1">页面加载完成后事件 <a class="header-anchor" href="#页面加载完成后事件" aria-label="Permalink to &quot;页面加载完成后事件&quot;">​</a></h1><h2 id="window-onload" tabindex="-1">window.onload <a class="header-anchor" href="#window-onload" aria-label="Permalink to &quot;window.onload&quot;">​</a></h2><h2 id="domcontentloaded" tabindex="-1">DOMContentLoaded <a class="header-anchor" href="#domcontentloaded" aria-label="Permalink to &quot;DOMContentLoaded&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">addEventListener</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;DOMContentLoaded&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, fun);</span></span></code></pre></div><h2 id="body-onload-fun" tabindex="-1"><code>&lt;body onload=&quot;fun()&quot;&gt;</code> <a class="header-anchor" href="#body-onload-fun" aria-label="Permalink to &quot;`&lt;body onload=&quot;fun()&quot;&gt;`&quot;">​</a></h2><h2 id="readystate" tabindex="-1">readyState <a class="header-anchor" href="#readystate" aria-label="Permalink to &quot;readyState&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.readyState;</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.onreadystatechange;</span></span></code></pre></div><p>一个文档的 readyState 可以是以下之一：</p><ul><li>loading / 加载。document 仍在加载。</li><li>interactive / 互动。文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的子资源仍在加载。</li><li>complete / 完成。T 文档和所有子资源已完成加载。状态表示 load 事件即将被触发。</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.onreadystatechange;</span></span></code></pre></div><p>一个文档的 readyState 可以是以下之一：</p><ul><li>loading / 加载。document 仍在加载。</li><li>interactive / 互动。文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的子资源仍在加载。</li><li>complete / 完成。T 文档和所有子资源已完成加载。状态表示 load 事件即将被触发。</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/sort/bubble/index.html b/cn/src/article/sort/bubble/index.html
index 48752d7e99..ffba83ce01 100644
--- a/cn/src/article/sort/bubble/index.html
+++ b/cn/src/article/sort/bubble/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/bubble.Dg5jgvyl.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_bubble_index.md.Cr8QMhiM.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_bubble_index.md.BL_0xBSg.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -55,8 +55,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/index.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>排序算法</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/select/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>选择排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/index.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>排序算法</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/select/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>选择排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/sort/bucket/index.html b/cn/src/article/sort/bucket/index.html
index 1233df4cbf..d08f7f7950 100644
--- a/cn/src/article/sort/bucket/index.html
+++ b/cn/src/article/sort/bucket/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_bucket_index.md.Dl_rJ3sv.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_bucket_index.md.CInFho5i.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -98,8 +98,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    list </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">concat</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">count</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(buckets[i]));</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="算法分析" tabindex="-1">算法分析 <a class="header-anchor" href="#算法分析" aria-label="Permalink to &quot;算法分析&quot;">​</a></h2><p>桶排序最好情况下使用线性时间 O(n)，桶排序的时间复杂度，取决与对各个桶之间数据进行排序的时间复杂度，因为其它部分的时间复杂度都为 O(n)。很显然，桶划分的越小，各个桶之间的数据越少，排序所用的时间也会越少。但相应的空间消耗就会增大。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/count/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>计数排序</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/radix/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>基数排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="算法分析" tabindex="-1">算法分析 <a class="header-anchor" href="#算法分析" aria-label="Permalink to &quot;算法分析&quot;">​</a></h2><p>桶排序最好情况下使用线性时间 O(n)，桶排序的时间复杂度，取决与对各个桶之间数据进行排序的时间复杂度，因为其它部分的时间复杂度都为 O(n)。很显然，桶划分的越小，各个桶之间的数据越少，排序所用的时间也会越少。但相应的空间消耗就会增大。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/count/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>计数排序</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/radix/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>基数排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/sort/count/index.html b/cn/src/article/sort/count/index.html
index 76f210fc57..f87fce51ad 100644
--- a/cn/src/article/sort/count/index.html
+++ b/cn/src/article/sort/count/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/count.CcfK-WL7.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_count_index.md.BwHTgoYv.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_count_index.md.CLrg_eAi.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -76,8 +76,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> result;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="算法分析" tabindex="-1">算法分析 <a class="header-anchor" href="#算法分析" aria-label="Permalink to &quot;算法分析&quot;">​</a></h2><p>计数排序是一个稳定的排序算法。当输入的元素是 n 个 0 到 k 之间的整数时，时间复杂度是 O(n+k)，空间复杂度也是 O(n+k)，其排序速度快于任何比较排序算法。当 k 不是很大并且序列比较集中时，计数排序是一个很有效的排序算法。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/heap/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>堆排序</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/bucket/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>桶排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="算法分析" tabindex="-1">算法分析 <a class="header-anchor" href="#算法分析" aria-label="Permalink to &quot;算法分析&quot;">​</a></h2><p>计数排序是一个稳定的排序算法。当输入的元素是 n 个 0 到 k 之间的整数时，时间复杂度是 O(n+k)，空间复杂度也是 O(n+k)，其排序速度快于任何比较排序算法。当 k 不是很大并且序列比较集中时，计数排序是一个很有效的排序算法。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/heap/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>堆排序</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/bucket/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>桶排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/sort/heap/index.html b/cn/src/article/sort/heap/index.html
index be772966b9..00eb4a13d1 100644
--- a/cn/src/article/sort/heap/index.html
+++ b/cn/src/article/sort/heap/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/heap.xduQWyUN.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_heap_index.md.oxRUNOKZ.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_heap_index.md.CjUwiufT.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -92,8 +92,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> heap</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Heap</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(list);</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> value;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/quick/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>快速排序</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/count/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>计数排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/quick/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>快速排序</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/count/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>计数排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/sort/index.html b/cn/src/article/sort/index.html
index c0c878129d..3b9ae65541 100644
--- a/cn/src/article/sort/index.html
+++ b/cn/src/article/sort/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/complexity.CSkvDr7k.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_index.md.V1uGWtUp.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_index.md.BhyMit8Y.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,14 +37,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/sort/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/sort/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 种经典设计模式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>函数式编程</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/docPreview.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>web 文档预览方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/video.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Web 视频加密动态方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/visual.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>可视化渲染引擎</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>排序算法</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>冒泡排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>选择排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>插入排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>希尔排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>归并排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>快速排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>堆排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>计数排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>桶排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>基数排序</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_article_sort_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="十大经典排序" tabindex="-1">十大经典排序 <a class="header-anchor" href="#十大经典排序" aria-label="Permalink to &quot;十大经典排序&quot;">​</a></h1><p>十种常见排序算法可以分为两大类：</p><ul><li><strong>比较类排序</strong>：通过比较来决定元素间的相对次序，由于其时间复杂度不能突破 O(nlogn)，因此也称为非线性时间比较类排序。</li><li><strong>非比较类排序</strong>：不通过比较来决定元素间的相对次序，它可以突破基于比较排序的时间下界，以线性时间运行，因此也称为线性时间非比较类排序。</li></ul><p><img src="/ran/assets/sort.CSVZS1AV.png" alt="排序分类"></p><h2 id="算法复杂度" tabindex="-1">算法复杂度 <a class="header-anchor" href="#算法复杂度" aria-label="Permalink to &quot;算法复杂度&quot;">​</a></h2><p><img src="/ran/assets/complexity.DSLVsjHt.png" alt="算法复杂度"></p><h2 id="相关概念" tabindex="-1">相关概念 <a class="header-anchor" href="#相关概念" aria-label="Permalink to &quot;相关概念&quot;">​</a></h2><ul><li>稳定：如果 a 原本在 b 前面，而 a=b，排序之后 a 仍然在 b 的前面。</li><li>不稳定：如果 a 原本在 b 的前面，而 a=b，排序之后 a 可能会出现在 b 的后面。</li><li>时间复杂度：对排序数据的总的操作次数。反映当 n 变化时，操作次数呈现什么规律。</li><li>空间复杂度：是指算法在计算机内执行时所需存储空间的度量，它也是数据规模 n 的函数。</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/visual.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>可视化渲染引擎</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/bubble/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>冒泡排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/sort/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/sort/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 种经典设计模式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>函数式编程</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/docPreview.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>web 文档预览方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/video.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Web 视频加密动态方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/visual.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>可视化渲染引擎</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>排序算法</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>冒泡排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>选择排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>插入排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>希尔排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>归并排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>快速排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>堆排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>计数排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>桶排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>基数排序</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_article_sort_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="十大经典排序" tabindex="-1">十大经典排序 <a class="header-anchor" href="#十大经典排序" aria-label="Permalink to &quot;十大经典排序&quot;">​</a></h1><p>十种常见排序算法可以分为两大类：</p><ul><li><strong>比较类排序</strong>：通过比较来决定元素间的相对次序，由于其时间复杂度不能突破 O(nlogn)，因此也称为非线性时间比较类排序。</li><li><strong>非比较类排序</strong>：不通过比较来决定元素间的相对次序，它可以突破基于比较排序的时间下界，以线性时间运行，因此也称为线性时间非比较类排序。</li></ul><p><img src="/ran/assets/sort.CSVZS1AV.png" alt="排序分类"></p><h2 id="算法复杂度" tabindex="-1">算法复杂度 <a class="header-anchor" href="#算法复杂度" aria-label="Permalink to &quot;算法复杂度&quot;">​</a></h2><p><img src="/ran/assets/complexity.DSLVsjHt.png" alt="算法复杂度"></p><h2 id="相关概念" tabindex="-1">相关概念 <a class="header-anchor" href="#相关概念" aria-label="Permalink to &quot;相关概念&quot;">​</a></h2><ul><li>稳定：如果 a 原本在 b 前面，而 a=b，排序之后 a 仍然在 b 的前面。</li><li>不稳定：如果 a 原本在 b 的前面，而 a=b，排序之后 a 可能会出现在 b 的后面。</li><li>时间复杂度：对排序数据的总的操作次数。反映当 n 变化时，操作次数呈现什么规律。</li><li>空间复杂度：是指算法在计算机内执行时所需存储空间的度量，它也是数据规模 n 的函数。</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/visual.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>可视化渲染引擎</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/bubble/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>冒泡排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/sort/insert/index.html b/cn/src/article/sort/insert/index.html
index 068453c635..dcbba46e7a 100644
--- a/cn/src/article/sort/insert/index.html
+++ b/cn/src/article/sort/insert/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/insert.Bde3uDH4.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_insert_index.md.BPxYKrUM.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_insert_index.md.C4G7YeWl.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -55,8 +55,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    list[preIndex </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> current;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="算法分析" tabindex="-1">算法分析 <a class="header-anchor" href="#算法分析" aria-label="Permalink to &quot;算法分析&quot;">​</a></h2><p>插入排序在实现上，通常采用 in-place 排序（即只需用到 O(1)的额外空间的排序），因而在从后向前扫描过程中，需要反复把已排序元素逐步向后挪位，为最新元素提供插入空间。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/select/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>选择排序</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/shell/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>希尔排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="算法分析" tabindex="-1">算法分析 <a class="header-anchor" href="#算法分析" aria-label="Permalink to &quot;算法分析&quot;">​</a></h2><p>插入排序在实现上，通常采用 in-place 排序（即只需用到 O(1)的额外空间的排序），因而在从后向前扫描过程中，需要反复把已排序元素逐步向后挪位，为最新元素提供插入空间。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/select/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>选择排序</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/shell/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>希尔排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/sort/merge/index.html b/cn/src/article/sort/merge/index.html
index 7cefdef9c4..95b756d3d6 100644
--- a/cn/src/article/sort/merge/index.html
+++ b/cn/src/article/sort/merge/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/merge.D_M4N_iU.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_merge_index.md.Dz-ycn2t.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_merge_index.md.CrLtJpMk.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -75,8 +75,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> left</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">slice</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, middle);</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> right</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">slice</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(middle);</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> combine</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">merge</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(left), </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">merge</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(right));</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="算法分析" tabindex="-1">算法分析 <a class="header-anchor" href="#算法分析" aria-label="Permalink to &quot;算法分析&quot;">​</a></h2><p>归并排序是一种稳定的排序方法。和选择排序一样，归并排序的性能不受输入数据的影响，但表现比选择排序好的多，因为始终都是 O(nlogn）的时间复杂度。代价是需要额外的内存空间。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/shell/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>希尔排序</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/quick/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>快速排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="算法分析" tabindex="-1">算法分析 <a class="header-anchor" href="#算法分析" aria-label="Permalink to &quot;算法分析&quot;">​</a></h2><p>归并排序是一种稳定的排序方法。和选择排序一样，归并排序的性能不受输入数据的影响，但表现比选择排序好的多，因为始终都是 O(nlogn）的时间复杂度。代价是需要额外的内存空间。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/shell/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>希尔排序</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/quick/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>快速排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/sort/quick/index.html b/cn/src/article/sort/quick/index.html
index 6f685ad2b6..38f4a33ddb 100644
--- a/cn/src/article/sort/quick/index.html
+++ b/cn/src/article/sort/quick/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/quick.WcLzRUPH.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_quick_index.md.Dm-fpFZL.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_quick_index.md.CmIbA4AB.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -93,8 +93,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> quick</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [])</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> size</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> combine</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(list, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, size </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/merge/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>归并排序</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/heap/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>堆排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/merge/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>归并排序</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/heap/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>堆排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/sort/radix/index.html b/cn/src/article/sort/radix/index.html
index 6b3703192f..d23f2b0a96 100644
--- a/cn/src/article/sort/radix/index.html
+++ b/cn/src/article/sort/radix/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/radix.CHOmrmB0.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_radix_index.md.CmXyO2h4.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_radix_index.md.vBHH0tHh.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -78,8 +78,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    list </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">concat</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">count</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(buckets[i]));</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="算法分析" tabindex="-1">算法分析 <a class="header-anchor" href="#算法分析" aria-label="Permalink to &quot;算法分析&quot;">​</a></h2><p>基数排序基于分配排序，所以是稳定的。但基数排序的性能比桶排序要略差，每一次关键字的桶分配都需要 O(n)的时间复杂度，而且分配之后得到新的关键字序列又需要 O(n)的时间复杂度。假如待排数据可以分为 d 个关键字，则基数排序的时间复杂度将是 O(d*2n) ，当然 d 要远远小于 n，因此基本上还是线性级别的。</p><p>基数排序的空间复杂度为 O(n+k)，其中 k 为桶的数量。一般来说 n&gt;&gt;k，因此额外空间需要大概 n 个左右。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/bucket/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>桶排序</span><!--]--></a></div><div class="pager" data-v-00ab7d08><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="算法分析" tabindex="-1">算法分析 <a class="header-anchor" href="#算法分析" aria-label="Permalink to &quot;算法分析&quot;">​</a></h2><p>基数排序基于分配排序，所以是稳定的。但基数排序的性能比桶排序要略差，每一次关键字的桶分配都需要 O(n)的时间复杂度，而且分配之后得到新的关键字序列又需要 O(n)的时间复杂度。假如待排数据可以分为 d 个关键字，则基数排序的时间复杂度将是 O(d*2n) ，当然 d 要远远小于 n，因此基本上还是线性级别的。</p><p>基数排序的空间复杂度为 O(n+k)，其中 k 为桶的数量。一般来说 n&gt;&gt;k，因此额外空间需要大概 n 个左右。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/bucket/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>桶排序</span><!--]--></a></div><div class="pager" data-v-00ab7d08><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/sort/select/index.html b/cn/src/article/sort/select/index.html
index 3be33db8e8..e4331718f5 100644
--- a/cn/src/article/sort/select/index.html
+++ b/cn/src/article/sort/select/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/select.BGReufCV.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_select_index.md.C6f3fqev.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_select_index.md.Cd2SKviA.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -59,8 +59,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="算法分析" tabindex="-1">算法分析 <a class="header-anchor" href="#算法分析" aria-label="Permalink to &quot;算法分析&quot;">​</a></h2><p>表现最稳定的排序算法之一，因为无论什么数据进去都是 O(n2)的时间复杂度，所以用到它的时候，数据规模越小越好。唯一的好处可能就是不占用额外的内存空间了吧。理论上讲，选择排序可能也是平时排序一般人想到的最多的排序方法了吧。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/bubble/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>冒泡排序</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/insert/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>插入排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="算法分析" tabindex="-1">算法分析 <a class="header-anchor" href="#算法分析" aria-label="Permalink to &quot;算法分析&quot;">​</a></h2><p>表现最稳定的排序算法之一，因为无论什么数据进去都是 O(n2)的时间复杂度，所以用到它的时候，数据规模越小越好。唯一的好处可能就是不占用额外的内存空间了吧。理论上讲，选择排序可能也是平时排序一般人想到的最多的排序方法了吧。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/bubble/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>冒泡排序</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/insert/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>插入排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/sort/shell/index.html b/cn/src/article/sort/shell/index.html
index 5a9f2c48f1..850ac88f6b 100644
--- a/cn/src/article/sort/shell/index.html
+++ b/cn/src/article/sort/shell/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/shell.CGEkKxrp.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_shell_index.md.B0DKjSD6.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_sort_shell_index.md.CQc6o0U8.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -62,8 +62,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="算法分析" tabindex="-1">算法分析 <a class="header-anchor" href="#算法分析" aria-label="Permalink to &quot;算法分析&quot;">​</a></h2><p>希尔排序的核心在于间隔序列的设定。既可以提前设定好间隔序列，也可以动态的定义间隔序列。动态定义间隔序列的算法是《算法（第 4 版）》的合著者 Robert Sedgewick 提出的。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/insert/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>插入排序</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/merge/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>归并排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="算法分析" tabindex="-1">算法分析 <a class="header-anchor" href="#算法分析" aria-label="Permalink to &quot;算法分析&quot;">​</a></h2><p>希尔排序的核心在于间隔序列的设定。既可以提前设定好间隔序列，也可以动态的定义间隔序列。动态定义间隔序列的算法是《算法（第 4 版）》的合著者 Robert Sedgewick 提出的。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/sort/insert/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>插入排序</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/merge/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>归并排序</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/systemDesign.html b/cn/src/article/systemDesign.html
index 835fe622fe..97f8f9d951 100644
--- a/cn/src/article/systemDesign.html
+++ b/cn/src/article/systemDesign.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_systemDesign.md.Oy3scZvv.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_systemDesign.md.hF7LXas7.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/systemDesign.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/systemDesign.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 种经典设计模式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>函数式编程</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/docPreview.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>web 文档预览方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/video.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Web 视频加密动态方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/visual.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>可视化渲染引擎</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>排序算法</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>冒泡排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>选择排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>插入排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>希尔排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>归并排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>快速排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>堆排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>计数排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>桶排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>基数排序</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_article_systemDesign" data-v-9f8645df><div data-pagefind-body="true"><h1 id="如何处理一个系统设计" tabindex="-1">如何处理一个系统设计 <a class="header-anchor" href="#如何处理一个系统设计" aria-label="Permalink to &quot;如何处理一个系统设计&quot;">​</a></h1><p>系统设计是一个开放式的对话。他们期望你去主导这个对话。</p><p>你可以使用下面的步骤来指引讨论。为了巩固这个过程，请使用下面的步骤完成系统设计的面试题和解答这个章节。</p><h2 id="第一步-描述使用场景-约束和假设" tabindex="-1">第一步：描述使用场景，约束和假设 <a class="header-anchor" href="#第一步-描述使用场景-约束和假设" aria-label="Permalink to &quot;第一步：描述使用场景，约束和假设&quot;">​</a></h2><p>把所有需要的东西聚集在一起，审视问题。不停的提问，以至于我们可以明确使用场景和约束。讨论假设。</p><p>谁会使用它？ 他们会怎样使用它？ 有多少用户？ 系统的作用是什么？ 系统的输入输出分别是什么？ 我们希望处理多少数据？ 我们希望每秒钟处理多少请求？ 我们希望的读写比率？</p><h2 id="第二步-创造一个高层级的设计" tabindex="-1">第二步：创造一个高层级的设计 <a class="header-anchor" href="#第二步-创造一个高层级的设计" aria-label="Permalink to &quot;第二步：创造一个高层级的设计&quot;">​</a></h2><p>使用所有重要的组件来描绘出一个高层级的设计。</p><p>画出主要的组件和连接 证明你的想法</p><h2 id="第三步-设计核心组件" tabindex="-1">第三步：设计核心组件 <a class="header-anchor" href="#第三步-设计核心组件" aria-label="Permalink to &quot;第三步：设计核心组件&quot;">​</a></h2><p>对每一个核心组件进行详细深入的分析。举例来说，如果你被问到设计一个 url 缩写服务，开始讨论：</p><p>生成并储存一个完整 url 的 hash MD5 和 Base62 Hash 碰撞 SQL 还是 NoSQL 数据库模型 将一个 hashed url 翻译成完整的 url 数据库查找 API 和面向对象设计</p><h2 id="第四步-扩展设计" tabindex="-1">第四步：扩展设计 <a class="header-anchor" href="#第四步-扩展设计" aria-label="Permalink to &quot;第四步：扩展设计&quot;">​</a></h2><p>确认和处理瓶颈以及一些限制。举例来说就是你需要下面的这些来完成扩展性的议题吗？</p><p>负载均衡 水平扩展 缓存 数据库分片 论述可能的解决办法和代价。每件事情需要取舍。可以使用可扩展系统的设计原则来处理瓶颈。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/systemDesign.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/article/systemDesign.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 种经典设计模式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>函数式编程</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/docPreview.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>web 文档预览方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/video.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Web 视频加密动态方案</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/visual.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>可视化渲染引擎</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>排序算法</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>冒泡排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>选择排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>插入排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>希尔排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>归并排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>快速排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>堆排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>计数排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>桶排序</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>基数排序</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_article_systemDesign" data-v-9f8645df><div data-pagefind-body="true"><h1 id="如何处理一个系统设计" tabindex="-1">如何处理一个系统设计 <a class="header-anchor" href="#如何处理一个系统设计" aria-label="Permalink to &quot;如何处理一个系统设计&quot;">​</a></h1><p>系统设计是一个开放式的对话。他们期望你去主导这个对话。</p><p>你可以使用下面的步骤来指引讨论。为了巩固这个过程，请使用下面的步骤完成系统设计的面试题和解答这个章节。</p><h2 id="第一步-描述使用场景-约束和假设" tabindex="-1">第一步：描述使用场景，约束和假设 <a class="header-anchor" href="#第一步-描述使用场景-约束和假设" aria-label="Permalink to &quot;第一步：描述使用场景，约束和假设&quot;">​</a></h2><p>把所有需要的东西聚集在一起，审视问题。不停的提问，以至于我们可以明确使用场景和约束。讨论假设。</p><p>谁会使用它？ 他们会怎样使用它？ 有多少用户？ 系统的作用是什么？ 系统的输入输出分别是什么？ 我们希望处理多少数据？ 我们希望每秒钟处理多少请求？ 我们希望的读写比率？</p><h2 id="第二步-创造一个高层级的设计" tabindex="-1">第二步：创造一个高层级的设计 <a class="header-anchor" href="#第二步-创造一个高层级的设计" aria-label="Permalink to &quot;第二步：创造一个高层级的设计&quot;">​</a></h2><p>使用所有重要的组件来描绘出一个高层级的设计。</p><p>画出主要的组件和连接 证明你的想法</p><h2 id="第三步-设计核心组件" tabindex="-1">第三步：设计核心组件 <a class="header-anchor" href="#第三步-设计核心组件" aria-label="Permalink to &quot;第三步：设计核心组件&quot;">​</a></h2><p>对每一个核心组件进行详细深入的分析。举例来说，如果你被问到设计一个 url 缩写服务，开始讨论：</p><p>生成并储存一个完整 url 的 hash MD5 和 Base62 Hash 碰撞 SQL 还是 NoSQL 数据库模型 将一个 hashed url 翻译成完整的 url 数据库查找 API 和面向对象设计</p><h2 id="第四步-扩展设计" tabindex="-1">第四步：扩展设计 <a class="header-anchor" href="#第四步-扩展设计" aria-label="Permalink to &quot;第四步：扩展设计&quot;">​</a></h2><p>确认和处理瓶颈以及一些限制。举例来说就是你需要下面的这些来完成扩展性的议题吗？</p><p>负载均衡 水平扩展 缓存 数据库分片 论述可能的解决办法和代价。每件事情需要取舍。可以使用可扩展系统的设计原则来处理瓶颈。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/typescript/calculate.html b/cn/src/article/typescript/calculate.html
index a4257ebf09..1bbfd23dcd 100644
--- a/cn/src/article/typescript/calculate.html
+++ b/cn/src/article/typescript/calculate.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_typescript_calculate.md.DPFdz5ZN.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_typescript_calculate.md.DFF0Jmnv.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -72,8 +72,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CurrentArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;length&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> FibonacciLoop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CurrentArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">PrevArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CurrentArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">IndexArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Num</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Fibonacci</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Num</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> FibonacciLoop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [], [], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Num</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>类型参数 PrevArr 是代表之前的累加值的数组。类型参数 CurrentArr 是代表当前数值的数组。</p><p>类型参数 IndexArr 用于记录 index，每次递归加一，默认值是 []，代表从 0 开始。</p><p>类型参数 Num 代表求数列的第几个数。</p><p>判断当前 index 也就是 IndexArr[&#39;length&#39;] 是否到了 Num，到了就返回当前的数值 CurrentArr[&#39;length&#39;]。</p><p>否则求出当前 index 对应的数值，用之前的数加上当前的数 [...PrevArr, ... CurrentArr]。</p><p>然后继续递归，index + 1，也就是 [...IndexArr, unknown]。</p><p>这就是递归计算 Fibinacci 数列的数的过程。</p><p>可以正确的算出第 8 个数是 21:</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Fibonacci</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Num</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> FibonacciLoop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [], [], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Num</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>类型参数 PrevArr 是代表之前的累加值的数组。类型参数 CurrentArr 是代表当前数值的数组。</p><p>类型参数 IndexArr 用于记录 index，每次递归加一，默认值是 []，代表从 0 开始。</p><p>类型参数 Num 代表求数列的第几个数。</p><p>判断当前 index 也就是 IndexArr[&#39;length&#39;] 是否到了 Num，到了就返回当前的数值 CurrentArr[&#39;length&#39;]。</p><p>否则求出当前 index 对应的数值，用之前的数加上当前的数 [...PrevArr, ... CurrentArr]。</p><p>然后继续递归，index + 1，也就是 [...IndexArr, unknown]。</p><p>这就是递归计算 Fibinacci 数列的数的过程。</p><p>可以正确的算出第 8 个数是 21:</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/typescript/index.html b/cn/src/article/typescript/index.html
index 4faa25e475..bf945ac43e 100644
--- a/cn/src/article/typescript/index.html
+++ b/cn/src/article/typescript/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_typescript_index.md.CaFWWXxk.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_typescript_index.md.BE6MDNaH.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -197,8 +197,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestAnyResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestAny</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type TestAnyResult = 1 | 2</span></span></code></pre></div><p>联合类型、never、any 在作为条件类型的类型参数时的这些特殊情况，也会在后面的原理篇来解释原因。</p><h3 id="istuple" tabindex="-1">IsTuple <a class="header-anchor" href="#istuple" aria-label="Permalink to &quot;IsTuple&quot;">​</a></h3><p>元组类型怎么判断呢？它和数组有什么区别呢？</p><p>元组类型的 length 是数字字面量，而数组的 length 是 number。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> len</span></span></code></pre></div><h3 id="uniontointersection" tabindex="-1">UnionToIntersection <a class="header-anchor" href="#uniontointersection" aria-label="Permalink to &quot;UnionToIntersection&quot;">​</a></h3><p>类型之间是有父子关系的，更具体的那个是子类型，比如 A 和 B 的交叉类型 A &amp; B 就是联合类型 A | B 的子类型，因为更具体。</p><p>如果允许父类型赋值给子类型，就叫做<strong>逆变</strong>。</p><p>如果允许子类型赋值给父类型，就叫做<strong>协变</strong>。</p><p>（关于逆变、协变等概念的详细解释可以看原理篇）</p><p>在 TypeScript 中有函数参数是有逆变的性质的，也就是如果参数可能是多个类型，参数类型会变成它们的交叉类型。</p><p>所以联合转交叉可以这样实现 ：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> UnionToIntersection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">U</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">U</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> U</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">x</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> U</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">x</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 U 是要转换的联合类型。</p><p>U extends U 是为了触发联合类型的 distributive 的性质，让每个类型单独传入做计算，最后合并。</p><p>利用 U 做为参数构造个函数，通过模式匹配取参数的类型。</p><p>结果就是交叉类型</p><p>函数参数的逆变性质一般就联合类型转交叉类型会用，记住就行。</p><h3 id="getoptional" tabindex="-1">GetOptional <a class="header-anchor" href="#getoptional" aria-label="Permalink to &quot;GetOptional&quot;">​</a></h3><p>如何提取索引类型中的可选索引呢？</p><p>这也要利用可选索引的特性：可选索引的值为 undefined 和值类型的联合类型。</p><p>过滤可选索引，就要构造一个新的索引类型，过程中做过滤：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetOptional</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Obj</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Record</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> in</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> keyof</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Obj</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> as</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {} </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Obj</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Key</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Obj</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><p>类型参数 Obj 为待处理的索引类型，类型约束为索引为 string、值为任意类型的索引类型 Record&lt;string, any&gt;。</p><p>用映射类型的语法重新构造索引类型，索引是之前的索引也就是 Key in keyof Obj，但要做一些过滤，也就是 as 之后的部分。</p><p>过滤的方式就是单独取出该索引之后，判断空对象是否是其子类型。</p><p>这里的 Pick 是 ts 提供的内置高级类型，就是取出某个 Key 构造新的索引类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">K</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> keyof</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> in</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> K</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] };</span></span></code></pre></div><p>比如单独取出 age 构造的新的索引类型是这样的：</p><p>可选的意思是这个索引可能没有，没有的时候，那 Pick&lt;Obj, Key&gt; 就是空的，所以 {} extends Pick&lt;Obj, Key&gt; 就能过滤出可选索引。</p><p>值的类型依然是之前的，也就是 Obj[Key]。</p><p>这样，就能过滤出所有可选索引，构造成新的索引类型：</p><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><ul><li>any 类型与任何类型的交叉都是 any，也就是 1 &amp; any 结果是 any，可以用这个特性判断 any 类型。</li><li>联合类型作为类型参数出现在条件类型左侧时，会分散成单个类型传入，最后合并。</li><li>never 作为类型参数出现在条件类型左侧时，会直接返回 never。</li><li>any 作为类型参数出现在条件类型左侧时，会直接返回 trueType 和 falseType 的联合类型。</li><li>元组类型也是数组类型，但 length 是数字字面量，而数组的 length 是 number。可以用来判断元组类型。</li><li>函数参数处会发生逆变，可以用来实现联合类型转交叉类型。</li><li>可选索引的索引可能没有，那 Pick 出来的就可能是 {}，可以用来过滤可选索引，反过来也可以过滤非可选索引。</li><li>索引类型的索引为字符串字面量类型，而可索引签名不是，可以用这个特性过滤掉可索引签名。</li><li>keyof 只能拿到 class 的 public 的索引，可以用来过滤出 public 的属性。</li><li>默认推导出来的不是字面量类型，加上 as const 可以推导出字面量类型，但带有 readonly 修饰，这样模式匹配的时候也得加上 readonly 才行。</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><p>类型参数 Obj 为待处理的索引类型，类型约束为索引为 string、值为任意类型的索引类型 Record&lt;string, any&gt;。</p><p>用映射类型的语法重新构造索引类型，索引是之前的索引也就是 Key in keyof Obj，但要做一些过滤，也就是 as 之后的部分。</p><p>过滤的方式就是单独取出该索引之后，判断空对象是否是其子类型。</p><p>这里的 Pick 是 ts 提供的内置高级类型，就是取出某个 Key 构造新的索引类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">K</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> keyof</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> in</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> K</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] };</span></span></code></pre></div><p>比如单独取出 age 构造的新的索引类型是这样的：</p><p>可选的意思是这个索引可能没有，没有的时候，那 Pick&lt;Obj, Key&gt; 就是空的，所以 {} extends Pick&lt;Obj, Key&gt; 就能过滤出可选索引。</p><p>值的类型依然是之前的，也就是 Obj[Key]。</p><p>这样，就能过滤出所有可选索引，构造成新的索引类型：</p><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><ul><li>any 类型与任何类型的交叉都是 any，也就是 1 &amp; any 结果是 any，可以用这个特性判断 any 类型。</li><li>联合类型作为类型参数出现在条件类型左侧时，会分散成单个类型传入，最后合并。</li><li>never 作为类型参数出现在条件类型左侧时，会直接返回 never。</li><li>any 作为类型参数出现在条件类型左侧时，会直接返回 trueType 和 falseType 的联合类型。</li><li>元组类型也是数组类型，但 length 是数字字面量，而数组的 length 是 number。可以用来判断元组类型。</li><li>函数参数处会发生逆变，可以用来实现联合类型转交叉类型。</li><li>可选索引的索引可能没有，那 Pick 出来的就可能是 {}，可以用来过滤可选索引，反过来也可以过滤非可选索引。</li><li>索引类型的索引为字符串字面量类型，而可索引签名不是，可以用这个特性过滤掉可索引签名。</li><li>keyof 只能拿到 class 的 public 的索引，可以用来过滤出 public 的属性。</li><li>默认推导出来的不是字面量类型，加上 as const 可以推导出字面量类型，但带有 readonly 修饰，这样模式匹配的时候也得加上 readonly 才行。</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/typescript/pattern.html b/cn/src/article/typescript/pattern.html
index c4d470ba6c..c62b830728 100644
--- a/cn/src/article/typescript/pattern.html
+++ b/cn/src/article/typescript/pattern.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_typescript_pattern.md.GG3CpSHa.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_typescript_pattern.md.ClYdggen.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -134,8 +134,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Props 为待处理的类型。</p><p>通过 keyof Props 取出 Props 的所有索引构成的联合类型，判断下 ref 是否在其中，也就是 &#39;ref&#39; extends keyof Props。</p><p>为什么要做这个判断，上面注释里写了：</p><p>在 ts3.0 里面如果没有对应的索引，Obj[Key] 返回的是 {} 而不是 never，所以这样做下兼容处理。</p><p>如果有 ref 这个索引的话，就通过 infer 提取 Value 的类型返回，否则返回 never。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPropsRefResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPropsRef</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;{ </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">ref</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;str&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> }&gt;;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type GetPropsRefResult = 1</span></span></code></pre></div><p>当 ref 为 undefined 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPropsRefResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPropsRef</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;{ </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">ref</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> undefined</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;str&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> }&gt;;</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type GetPropsRefResult = undefined</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type GetPropsRefResult = undefined</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/typescript/reconstruction.html b/cn/src/article/typescript/reconstruction.html
index 552f4c8665..a6001ffecc 100644
--- a/cn/src/article/typescript/reconstruction.html
+++ b/cn/src/article/typescript/reconstruction.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_typescript_reconstruction.md.B-6dp4-w.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_typescript_reconstruction.md.CwRrki5l.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -89,8 +89,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> in</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> keyof</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-?:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><p>给索引类型 T 的索引去掉 ? 的修饰 ，其余保持不变。</p><h3 id="filterbyvaluetype" tabindex="-1">FilterByValueType <a class="header-anchor" href="#filterbyvaluetype" aria-label="Permalink to &quot;FilterByValueType&quot;">​</a></h3><p>可以在构造新索引类型的时候根据值的类型做下过滤：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> FilterByValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Obj</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Record</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> in</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> keyof</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Obj</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> as</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Obj</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ValueType</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Key</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Obj</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><p>类型参数 Obj 为要处理的索引类型，通过 extends 约束为索引为 string，值为任意类型的索引类型 Record&lt;string, any&gt;。</p><p>类型参数 ValueType 为要过滤出的值的类型。</p><p>构造新的索引类型，索引为 Obj 的索引，也就是 Key in keyof Obj，但要做一些变换，也就是 as 之后的部分。</p><p>如果原来索引的值 Obj[Key] 是 ValueType 类型，索引依然为之前的索引 Key，否则索引设置为 never，never 的索引会在生成新的索引类型时被去掉。</p><p>值保持不变，依然为原来索引的值，也就是 Obj[Key]。</p><p>这样就达到了过滤索引类型的索引，产生新的索引类型的目的：</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><p>类型参数 Obj 为要处理的索引类型，通过 extends 约束为索引为 string，值为任意类型的索引类型 Record&lt;string, any&gt;。</p><p>类型参数 ValueType 为要过滤出的值的类型。</p><p>构造新的索引类型，索引为 Obj 的索引，也就是 Key in keyof Obj，但要做一些变换，也就是 as 之后的部分。</p><p>如果原来索引的值 Obj[Key] 是 ValueType 类型，索引依然为之前的索引 Key，否则索引设置为 never，never 的索引会在生成新的索引类型时被去掉。</p><p>值保持不变，依然为原来索引的值，也就是 Obj[Key]。</p><p>这样就达到了过滤索引类型的索引，产生新的索引类型的目的：</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/typescript/recursion.html b/cn/src/article/typescript/recursion.html
index 2a36ba9bac..8392933944 100644
--- a/cn/src/article/typescript/recursion.html
+++ b/cn/src/article/typescript/recursion.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_typescript_recursion.md.NrD8NlPF.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_typescript_recursion.md.DXrQrnQX.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -106,8 +106,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">          :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> DeepReadonly</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Obj</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">        :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Obj</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/typescript/unionType.html b/cn/src/article/typescript/unionType.html
index 6b9af8cd74..de0d7a79e0 100644
--- a/cn/src/article/typescript/unionType.html
+++ b/cn/src/article/typescript/unionType.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_typescript_unionType.md.BgeL6nAW.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_typescript_unionType.md.BEJLXxlO.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -62,8 +62,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Block</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}__${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Element</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}--${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Modifiers</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Block、Element、Modifiers 分别是 bem 规范的三部分，其中 Element 和 Modifiers 都可能多个，约束为 string[]。</p><p>构造一个字符串类型，其中 Element 和 Modifiers 通过索引访问来变为联合类型。</p><p>字符串类型中遇到联合类型的时候，会每个元素单独传入计算，也就是这样的效果：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> RemResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;b&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;d&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;e&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type RemResult = &#39;a__b--d&#39; | &#39;a__b--e&#39; | &#39;a__c--d&#39; | &#39;a__b--e&#39;</span></span></code></pre></div><p>可以看到，用好了联合类型，确实能简化类型编程逻辑。</p><h2 id="allcombinations" tabindex="-1">AllCombinations <a class="header-anchor" href="#allcombinations" aria-label="Permalink to &quot;AllCombinations&quot;">​</a></h2><p>我们再来实现一个全组合的高级类型，也是联合类型相关的：</p><p>希望传入 &#39;A&#39; | &#39;B&#39; 的时候，能够返回所有的组合： &#39;A&#39; | &#39;B&#39; | &#39;BA&#39; | &#39;AB&#39;。</p><p>这种全组合问题的实现思路就是两两组合，组合出的字符串再和其他字符串两两组和：</p><p>比如 &#39;A&#39; | &#39;B&#39; | &#39;c&#39;，就是 A 和 B、C 组合，B 和 A、C 组合，C 和 A、B 组合。然后组合出来的字符串再和其他字符串组合。</p><p>任何两个类型的组合有四种：A、B、AB、BA</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>然后构造出来的字符串再和其他字符串组合。</p><p>所以全组合的高级类型就是这样：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Exclude</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;&gt;</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待组合的两个联合类型，B 默认是 A 也就是同一个。</p><p>A extends A 的意义就是让联合类型每个类型单独传入做处理，上面我们刚学会。</p><p>A 的处理就是 A 和 B 中去掉 A 以后的所有类型组合，也就是 Combination&lt;A, B 去掉 A 以后的所有组合&gt;。</p><p>而 B 去掉 A 以后的所有组合就是 AllCombinations&lt;Exclude&lt;B, A&gt;&gt;，所以全组合就是 Combination&lt;A, AllCombinations&lt;Exclude&lt;B, A&gt;&gt;&gt;。</p><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>联合类型中的每个类型都是相互独立的，TypeScript 对它做了特殊处理，也就是遇到字符串类型、条件类型的时候会把每个类型单独传入做计算，最后把每个类型的计算结果合并成联合类型。</p><p>条件类型左边是联合类型的时候就会触法这种处理，叫做分布式条件类型。</p><p>有两点特别要注意：</p><ul><li><p>A extends A 不是没意义，意义是取出联合类型中的单个类型放入 A</p></li><li><p>A extends A 才是分布式条件类型， [A] extends [A] 就不是了，只有左边是单独的类型参数才可以。</p></li></ul><p>我们后面做了一些案例，发现联合类型的这种 distributive 的特性确实能简化类型编程，但是也增加了认知成本，不过这也是不可避免的事。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待组合的两个联合类型，B 默认是 A 也就是同一个。</p><p>A extends A 的意义就是让联合类型每个类型单独传入做处理，上面我们刚学会。</p><p>A 的处理就是 A 和 B 中去掉 A 以后的所有类型组合，也就是 Combination&lt;A, B 去掉 A 以后的所有组合&gt;。</p><p>而 B 去掉 A 以后的所有组合就是 AllCombinations&lt;Exclude&lt;B, A&gt;&gt;，所以全组合就是 Combination&lt;A, AllCombinations&lt;Exclude&lt;B, A&gt;&gt;&gt;。</p><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>联合类型中的每个类型都是相互独立的，TypeScript 对它做了特殊处理，也就是遇到字符串类型、条件类型的时候会把每个类型单独传入做计算，最后把每个类型的计算结果合并成联合类型。</p><p>条件类型左边是联合类型的时候就会触法这种处理，叫做分布式条件类型。</p><p>有两点特别要注意：</p><ul><li><p>A extends A 不是没意义，意义是取出联合类型中的单个类型放入 A</p></li><li><p>A extends A 才是分布式条件类型， [A] extends [A] 就不是了，只有左边是单独的类型参数才可以。</p></li></ul><p>我们后面做了一些案例，发现联合类型的这种 distributive 的特性确实能简化类型编程，但是也增加了认知成本，不过这也是不可避免的事。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 种经典设计模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/video.html b/cn/src/article/video.html
index 06689d8f46..1aded2bf01 100644
--- a/cn/src/article/video.html
+++ b/cn/src/article/video.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_video.md.Cz2oSvp1.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_video.md.D_lFXyPJ.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -326,8 +326,8 @@
 <span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">  display</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">none</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>由于播放器本身就是一个元素，那么可以任意的在里面添加元素，添加逻辑。</p><div class="language-jsx vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">jsx</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">r-player</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onChange</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{change} </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">src</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;hls/example.m3u8&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;111111&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">r-player</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><p>所以，这就解决配置项，长达好几页的问题，同时看到也就知道怎么配置，怎么开发了。</p><h2 id="八-总结" tabindex="-1">八：总结 <a class="header-anchor" href="#八-总结" aria-label="Permalink to &quot;八：总结&quot;">​</a></h2><p>目前已经从前后端的角度，实现了</p><ol><li>视频的标准加密</li><li>视频的动态码率播放</li><li>视频的分片加载</li><li>可拖拽进度条</li><li>音量控制</li><li>手动清晰度切换</li><li>倍速播放</li><li>样式自定义覆盖</li><li>基于原生开发，可在所有框架运行，统一跨框架情况，各浏览器控件统一</li></ol><p>这是<code>demo</code>和源码地址：</p><p><code>demo</code>和文档地址：<a href="https://chaxus.github.io/ran/src/ranui/player/" target="_blank" rel="noreferrer">https://chaxus.github.io/ran/src/ranui/player/</a></p><p>源码地址：<a href="https://github.com/chaxus/ran" target="_blank" rel="noreferrer">https://github.com/chaxus/ran</a></p><p><code>demo</code>文档做了国际化，可切换到中文</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/docPreview.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>web 文档预览方案</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/visual.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>可视化渲染引擎</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">r-player</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><p>所以，这就解决配置项，长达好几页的问题，同时看到也就知道怎么配置，怎么开发了。</p><h2 id="八-总结" tabindex="-1">八：总结 <a class="header-anchor" href="#八-总结" aria-label="Permalink to &quot;八：总结&quot;">​</a></h2><p>目前已经从前后端的角度，实现了</p><ol><li>视频的标准加密</li><li>视频的动态码率播放</li><li>视频的分片加载</li><li>可拖拽进度条</li><li>音量控制</li><li>手动清晰度切换</li><li>倍速播放</li><li>样式自定义覆盖</li><li>基于原生开发，可在所有框架运行，统一跨框架情况，各浏览器控件统一</li></ol><p>这是<code>demo</code>和源码地址：</p><p><code>demo</code>和文档地址：<a href="https://chaxus.github.io/ran/src/ranui/player/" target="_blank" rel="noreferrer">https://chaxus.github.io/ran/src/ranui/player/</a></p><p>源码地址：<a href="https://github.com/chaxus/ran" target="_blank" rel="noreferrer">https://github.com/chaxus/ran</a></p><p><code>demo</code>文档做了国际化，可切换到中文</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/docPreview.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>web 文档预览方案</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/visual.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>可视化渲染引擎</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/article/visual.html b/cn/src/article/visual.html
index 75027916b1..e2fb5e28ab 100644
--- a/cn/src/article/visual.html
+++ b/cn/src/article/visual.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_article_visual.md.Be4MMnab.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_article_visual.md.DseWRfx9.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -184,8 +184,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (lineStyle.visible) {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  ctx.globalAlpha </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> lineStyle.alpha </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">*</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> this</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.worldAlpha;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  ctx.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">stroke</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h2 id="三-层级管理" tabindex="-1">三 层级管理 <a class="header-anchor" href="#三-层级管理" aria-label="Permalink to &quot;三 层级管理&quot;">​</a></h2><p>在 canvas 绘图环境中，先绘制的图形会被后绘制的图形所覆盖，因此，层级的管理就自然地通过绘制顺序来实现。在这种情况下，最先被绘制的图形将位于最底层，而随后绘制的图形则逐层叠加，直至最上层。</p><p>我们已经实现了各种基础图形的绘制，接下来继续分离绘制时的数据和绘制操作。</p><p>我们需要一个容器类，在容器类中统一绘制所有的图形。</p><p>用一个 children 属性来添加所有的图形，在 render 方法中统一绘制。</p><p>同时，我们会根据 zIndex 属性来排序子元素，zIndex 越大的元素会被排在 children 数组的越后面，但是注意，排序的时候，要保证相同 zIndex 的相对顺序不变。</p><h2 id="四-图形组的管理" tabindex="-1">四 图形组的管理 <a class="header-anchor" href="#四-图形组的管理" aria-label="Permalink to &quot;四 图形组的管理&quot;">​</a></h2><p>我们会实现一个节点类 Vertex 这个类代表了最原始的‘节点’的概念，所有可以被展示到 canvas 画布上的、各种类型的节点都会继承于这个类，这是一个抽象类，我们并不会直接实例化这个类。</p><p>这个类上面挂载了‘节点’的各种属性，比如：父元素、透明度、旋转角度、缩放、平移、节点是否可见等。</p><p>为了进行图形组的管理，会继续实现一个容器类 Container，这个类代表了‘组’的概念，它提供了添加子元素，移除子元素等的方法；后续的要被渲染的一些类 (如 Graphics，Text，Sprite 等) 会继承于这个类；这个类本身不会被渲染 (因为它只是一个‘组’，它本身没有内容可以渲染)。</p><p>这个类继承于 Vertex 类，‘组’也算作‘节点’。</p><p>Graphics 这个类会用来构建一些几何图形元素；它会继承 Container 类。</p><p>在渲染引擎中，一切变换 (平移、旋转、缩放等) 都会转化成变换矩阵 (matrix)，因为 canvas 只接受矩阵变换，虽然 canvas 为了开发的便捷，也提供了 ctx.rotate,ctx.scale 等操作，但是 canvas 中的这些操作会直接转换成变换矩阵，而不像 DOM 那样，有锚点的概念，所以 canvas 提供的 rotate，scale 等操作，和 DOM 提供的 rotate，scale 的表现是不一样的。</p><p>Matrix 类将会提供各种各样的与矩阵操作相关的函数 (矩阵相乘，矩阵求逆等)，任何变换的叠加都将会转换成 matrix，方便我们调用 canvas 的指令。</p><p>Transform 类就类似 CSS 的 transform，它提供了一些更清晰、更符合人类直觉的变换，而不用直接使用矩阵变换，当然，这些变换最终会转换成矩阵变换。</p><h1 id="参考资料" tabindex="-1">参考资料： <a class="header-anchor" href="#参考资料" aria-label="Permalink to &quot;参考资料：&quot;">​</a></h1><ol><li><a href="https://www.zhihu.com/question/20666664/answer/157400568" target="_blank" rel="noreferrer">如何通俗地讲解「仿射变换」？</a></li><li><a href="https://www.cnblogs.com/shine-lee/p/10950963.html" target="_blank" rel="noreferrer">仿射变换及其变换矩阵的理解</a></li><li><a href="https://juejin.cn/post/6844903666361565191" target="_blank" rel="noreferrer">深入理解贝塞尔曲线</a></li><li><a href="https://juejin.cn/post/6844903796582121485" target="_blank" rel="noreferrer">如何理解并应用贝塞尔曲线</a></li></ol></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/video.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Web 视频加密动态方案</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/index.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>排序算法</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h2 id="三-层级管理" tabindex="-1">三 层级管理 <a class="header-anchor" href="#三-层级管理" aria-label="Permalink to &quot;三 层级管理&quot;">​</a></h2><p>在 canvas 绘图环境中，先绘制的图形会被后绘制的图形所覆盖，因此，层级的管理就自然地通过绘制顺序来实现。在这种情况下，最先被绘制的图形将位于最底层，而随后绘制的图形则逐层叠加，直至最上层。</p><p>我们已经实现了各种基础图形的绘制，接下来继续分离绘制时的数据和绘制操作。</p><p>我们需要一个容器类，在容器类中统一绘制所有的图形。</p><p>用一个 children 属性来添加所有的图形，在 render 方法中统一绘制。</p><p>同时，我们会根据 zIndex 属性来排序子元素，zIndex 越大的元素会被排在 children 数组的越后面，但是注意，排序的时候，要保证相同 zIndex 的相对顺序不变。</p><h2 id="四-图形组的管理" tabindex="-1">四 图形组的管理 <a class="header-anchor" href="#四-图形组的管理" aria-label="Permalink to &quot;四 图形组的管理&quot;">​</a></h2><p>我们会实现一个节点类 Vertex 这个类代表了最原始的‘节点’的概念，所有可以被展示到 canvas 画布上的、各种类型的节点都会继承于这个类，这是一个抽象类，我们并不会直接实例化这个类。</p><p>这个类上面挂载了‘节点’的各种属性，比如：父元素、透明度、旋转角度、缩放、平移、节点是否可见等。</p><p>为了进行图形组的管理，会继续实现一个容器类 Container，这个类代表了‘组’的概念，它提供了添加子元素，移除子元素等的方法；后续的要被渲染的一些类 (如 Graphics，Text，Sprite 等) 会继承于这个类；这个类本身不会被渲染 (因为它只是一个‘组’，它本身没有内容可以渲染)。</p><p>这个类继承于 Vertex 类，‘组’也算作‘节点’。</p><p>Graphics 这个类会用来构建一些几何图形元素；它会继承 Container 类。</p><p>在渲染引擎中，一切变换 (平移、旋转、缩放等) 都会转化成变换矩阵 (matrix)，因为 canvas 只接受矩阵变换，虽然 canvas 为了开发的便捷，也提供了 ctx.rotate,ctx.scale 等操作，但是 canvas 中的这些操作会直接转换成变换矩阵，而不像 DOM 那样，有锚点的概念，所以 canvas 提供的 rotate，scale 等操作，和 DOM 提供的 rotate，scale 的表现是不一样的。</p><p>Matrix 类将会提供各种各样的与矩阵操作相关的函数 (矩阵相乘，矩阵求逆等)，任何变换的叠加都将会转换成 matrix，方便我们调用 canvas 的指令。</p><p>Transform 类就类似 CSS 的 transform，它提供了一些更清晰、更符合人类直觉的变换，而不用直接使用矩阵变换，当然，这些变换最终会转换成矩阵变换。</p><h1 id="参考资料" tabindex="-1">参考资料： <a class="header-anchor" href="#参考资料" aria-label="Permalink to &quot;参考资料：&quot;">​</a></h1><ol><li><a href="https://www.zhihu.com/question/20666664/answer/157400568" target="_blank" rel="noreferrer">如何通俗地讲解「仿射变换」？</a></li><li><a href="https://www.cnblogs.com/shine-lee/p/10950963.html" target="_blank" rel="noreferrer">仿射变换及其变换矩阵的理解</a></li><li><a href="https://juejin.cn/post/6844903666361565191" target="_blank" rel="noreferrer">深入理解贝塞尔曲线</a></li><li><a href="https://juejin.cn/post/6844903796582121485" target="_blank" rel="noreferrer">如何理解并应用贝塞尔曲线</a></li></ol></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/article/video.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Web 视频加密动态方案</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/article/sort/index.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>排序算法</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/note/centos.html b/cn/src/note/centos.html
index 392b07fdac..ad80b84b0b 100644
--- a/cn/src/note/centos.html
+++ b/cn/src/note/centos.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_note_centos.md.BcqWCqVs.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_note_centos.md.DNIN5Wz6.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -63,8 +63,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">baseurl</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">http://vault.centos.org/8.5.2111/extras/</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">$basearch</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">/os/</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">gpgcheck</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">1</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">enabled</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">1</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">gpgkey</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">file:///etc/pki/rpm-gpg/RPM-GPG-KEY-centosofficial</span></span></code></pre></div><p>更新缓存并重试</p><ol><li>清理缓存：<code>yum clean all</code></li><li>生成新的缓存：<code>yum makecache</code></li><li>更新系统：<code>yum update</code></li></ol></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">gpgkey</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">file:///etc/pki/rpm-gpg/RPM-GPG-KEY-centosofficial</span></span></code></pre></div><p>更新缓存并重试</p><ol><li>清理缓存：<code>yum clean all</code></li><li>生成新的缓存：<code>yum makecache</code></li><li>更新系统：<code>yum update</code></li></ol></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/note/docker.html b/cn/src/note/docker.html
index 8f9596067d..3e85fe7c44 100644
--- a/cn/src/note/docker.html
+++ b/cn/src/note/docker.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_note_docker.md.BeX3ffKU.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_note_docker.md.Dwk9bEUN.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -108,8 +108,8 @@
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">EXPOSR</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 3000</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"># 表示容器启动后自动执行</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CMD</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> node</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> demos/01.js</span></span></code></pre></div><ul><li>CMD 命令和 RUN 命令的区别 <ul><li>RUN 命令在 image 文件的构建阶段执行，执行结果都会打包进行 image 文件</li><li>CMD 命令是容器启动后执行</li><li>一个 dockerfile 可以有多个 RUN 命令，但只有一个 CMD 命令</li><li>指定了 CMD 命令后，docker container run 命令就不能附加命令了 (比如前面的/bin/bash)，否则他会覆盖 CMD 命令，现在可以使用</li></ul></li></ul><div class="language-shell vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">shell</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">$</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docker</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> container</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> --rm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> -</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> p</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> 8000:3000</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> -it</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> koa-demo:0.0.1</span></span></code></pre></div><h1 id="问题" tabindex="-1">问题： <a class="header-anchor" href="#问题" aria-label="Permalink to &quot;问题：&quot;">​</a></h1><ol><li>如果遇到 docker desktop 登录不上，可以尝试 <code>docker login</code>进行登录，命令行登录会输出错误的信息，如果发现是网络问题，换一个代理即可。</li><li><code>Cannot connect to the Docker daemon at unix:///var/run/docker.sock. Is the docker daemon running?</code></li></ol><div class="language-shell vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">shell</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;"># docker服务没有启动</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">$</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> service</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docker</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> start</span></span></code></pre></div><h2 id="参考资料" tabindex="-1">参考资料 <a class="header-anchor" href="#参考资料" aria-label="Permalink to &quot;参考资料&quot;">​</a></h2><ul><li><a href="http://www.ruanyifeng.com/blog/2018/02/docker-tutorial.html" target="_blank" rel="noreferrer">docker 入门教程</a></li><li><a href="https://juejin.cn/post/6844903591375814669" target="_blank" rel="noreferrer">从 0 开始了解 Docker</a></li><li><a href="https://docs.docker.com" target="_blank" rel="noreferrer">docker 官网</a></li><li><a href="https://juejin.cn/post/6844904167610253326#heading-18" target="_blank" rel="noreferrer">docker 应用部署</a></li><li><a href="https://www.cnblogs.com/river2005/p/8503238.html" target="_blank" rel="noreferrer">docker 里面没有 vim</a></li><li><a href="https://www.jianshu.com/p/fb337765c2c2" target="_blank" rel="noreferrer">apt-get 配置国内源</a></li><li><a href="https://juejin.cn/post/6844903956305412109" target="_blank" rel="noreferrer">前端工程师 docker 教程 - 实战篇</a></li><li><a href="https://www.jianshu.com/p/ca63b6c8fdf1" target="_blank" rel="noreferrer">docker 启动后不会停止的问题</a></li><li><a href="https://juejin.cn/post/6967598675820281870#heading-8" target="_blank" rel="noreferrer">docker 进阶系列/docker-compose/swarm/stack/secret/config</a></li><li><a href="https://juejin.cn/post/6886018425353682951" target="_blank" rel="noreferrer">docker-compose 入门指南</a></li><li><a href="https://www.cnblogs.com/vipsoft/p/12447059.html" target="_blank" rel="noreferrer">docker 删除 image</a></li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">$</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> service</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docker</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> start</span></span></code></pre></div><h2 id="参考资料" tabindex="-1">参考资料 <a class="header-anchor" href="#参考资料" aria-label="Permalink to &quot;参考资料&quot;">​</a></h2><ul><li><a href="http://www.ruanyifeng.com/blog/2018/02/docker-tutorial.html" target="_blank" rel="noreferrer">docker 入门教程</a></li><li><a href="https://juejin.cn/post/6844903591375814669" target="_blank" rel="noreferrer">从 0 开始了解 Docker</a></li><li><a href="https://docs.docker.com" target="_blank" rel="noreferrer">docker 官网</a></li><li><a href="https://juejin.cn/post/6844904167610253326#heading-18" target="_blank" rel="noreferrer">docker 应用部署</a></li><li><a href="https://www.cnblogs.com/river2005/p/8503238.html" target="_blank" rel="noreferrer">docker 里面没有 vim</a></li><li><a href="https://www.jianshu.com/p/fb337765c2c2" target="_blank" rel="noreferrer">apt-get 配置国内源</a></li><li><a href="https://juejin.cn/post/6844903956305412109" target="_blank" rel="noreferrer">前端工程师 docker 教程 - 实战篇</a></li><li><a href="https://www.jianshu.com/p/ca63b6c8fdf1" target="_blank" rel="noreferrer">docker 启动后不会停止的问题</a></li><li><a href="https://juejin.cn/post/6967598675820281870#heading-8" target="_blank" rel="noreferrer">docker 进阶系列/docker-compose/swarm/stack/secret/config</a></li><li><a href="https://juejin.cn/post/6886018425353682951" target="_blank" rel="noreferrer">docker-compose 入门指南</a></li><li><a href="https://www.cnblogs.com/vipsoft/p/12447059.html" target="_blank" rel="noreferrer">docker 删除 image</a></li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/note/libreoffice2wasm.html b/cn/src/note/libreoffice2wasm.html
index 5496c7e040..9705f72dad 100644
--- a/cn/src/note/libreoffice2wasm.html
+++ b/cn/src/note/libreoffice2wasm.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_note_libreoffice2wasm.md.DATIsYiT.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_note_libreoffice2wasm.md.DG6uOQ65.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -110,8 +110,8 @@
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">--disable-odk</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">--disable-pch</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">--disable-skia</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">--disable-scripting</span></span></code></pre></div><p>通过这些步骤，你应该能够显著减小生成的 WebAssembly 文件的体积，同时保留将文件转换为 PDF 的功能。如果遇到具体问题，请提供详细的错误信息，以便更好地帮助你解决问题。</p><p>wasm-opt 是 Binaryen 项目的一部分，它是一个用于优化和处理 WebAssembly 二进制文件的工具。你可以在 Ubuntu 上通过以下步骤安装和使用 wasm-opt：</p><ol><li>安装依赖项 首先，确保你的系统上已经安装了必要的依赖项：</li></ol><p>sudo apt update sudo apt install cmake build-essential git 2. 下载和编译 Binaryen 接下来，从源码编译 Binaryen：</p><h1 id="克隆-binaryen-仓库" tabindex="-1">克隆 Binaryen 仓库 <a class="header-anchor" href="#克隆-binaryen-仓库" aria-label="Permalink to &quot;克隆 Binaryen 仓库&quot;">​</a></h1><p>git clone <a href="https://github.com/WebAssembly/binaryen.git" target="_blank" rel="noreferrer">https://github.com/WebAssembly/binaryen.git</a> cd binaryen</p><h1 id="创建并进入构建目录" tabindex="-1">创建并进入构建目录 <a class="header-anchor" href="#创建并进入构建目录" aria-label="Permalink to &quot;创建并进入构建目录&quot;">​</a></h1><p>mkdir build cd build</p><h1 id="使用-cmake-配置构建" tabindex="-1">使用 CMake 配置构建 <a class="header-anchor" href="#使用-cmake-配置构建" aria-label="Permalink to &quot;使用 CMake 配置构建&quot;">​</a></h1><p>cmake ..</p><h1 id="编译-binaryen" tabindex="-1">编译 Binaryen <a class="header-anchor" href="#编译-binaryen" aria-label="Permalink to &quot;编译 Binaryen&quot;">​</a></h1><p>make</p><h1 id="安装-binaryen" tabindex="-1">安装 Binaryen <a class="header-anchor" href="#安装-binaryen" aria-label="Permalink to &quot;安装 Binaryen&quot;">​</a></h1><p>sudo make install 3. 使用 wasm-opt 安装完成后，你可以使用 wasm-opt 命令来优化 WebAssembly 文件。例如：</p><h1 id="假设你有一个名为-original-wasm-的-webassembly-文件" tabindex="-1">假设你有一个名为 original.wasm 的 WebAssembly 文件 <a class="header-anchor" href="#假设你有一个名为-original-wasm-的-webassembly-文件" aria-label="Permalink to &quot;假设你有一个名为 original.wasm 的 WebAssembly 文件&quot;">​</a></h1><p>wasm-opt -Oz -o optimized.wasm original.wasm 在这个命令中：</p><p>-Oz 表示进行最大化的尺寸优化。 -o optimized.wasm 指定输出文件名为 optimized.wasm。 original.wasm 是输入的 WebAssembly 文件。4. 验证安装 你可以通过运行以下命令来验证 wasm-opt 是否正确安装：</p><p>wasm-opt --version 这将输出 wasm-opt 的版本信息，确认它已成功安装并可以使用。</p><p>示例 假设你有一个名为 example.wasm 的 WebAssembly 文件，你可以通过以下命令优化它：</p><p>wasm-opt -Oz -o example_optimized.wasm example.wasm 这将生成一个优化后的 WebAssembly 文件 example_optimized.wasm，其体积通常会显著减小。</p><p>通过这些步骤，你应该能够在 Ubuntu 上成功安装和使用 wasm-opt 来优化你的 WebAssembly 文件。如果在安装或使用过程中遇到任何问题，请提供详细的错误信息，以便进一步帮助你解决问题。</p><p>--disable-debug --enable-sal-log --disable-crashdump --host=wasm32-local-emscripten --disable-gui --with-main-module=writer --with-package-format=emscripten --disable-dbus --disable-odk --disable-postgresql-sdbc --disable-firebird-sdbc --disable-coinmp --disable-cve-tests --disable-gtk3 --disable-gstreamer-1-0 --disable-kf5 --disable-scripting-beanshell --disable-scripting-javascript --disable-extensions --disable-epm --disable-online-update --disable-python --disable-pdfimport --disable-lpsolve --disable-sdremote --disable-scripting --disable-avmedia --disable-coinmp --disable-report-builder --disable-odk --disable-pch --disable-skia --disable-scripting</p><p>步骤 1：下载最新的 OpenSSL 源代码 首先，确保你在一个干净的目录中，然后下载最新版本的 OpenSSL 源代码。你可以访问 OpenSSL 官方网站 查看最新版本。假设最新版本是 openssl-3.0.9：</p><p>wget <a href="https://www.openssl.org/source/openssl-3.0.9.tar.gz" target="_blank" rel="noreferrer">https://www.openssl.org/source/openssl-3.0.9.tar.gz</a> tar -xzvf openssl-3.0.9.tar.gz cd openssl-3.0.9 步骤 2：编译和安装 OpenSSL 接下来，编译并安装 OpenSSL：</p><p>./config --prefix=/usr/local/ssl --openssldir=/usr/local/ssl shared zlib make make test make install 步骤 3：确认 OpenSSL 安装路径 确保 OpenSSL 的头文件和库文件已正确安装：</p><p>ls /usr/local/ssl/include ls /usr/local/ssl/lib 步骤 4：设置环境变量 设置正确的环境变量，以便编译时能找到 OpenSSL：</p><p>export PKG_CONFIG_PATH=&quot;/usr/local/ssl/lib/pkgconfig&quot; export CFLAGS=&quot;-I/usr/local/ssl/include&quot; export LDFLAGS=&quot;-L/usr/local/ssl/lib -lssl -lcrypto&quot; 步骤 5：清理之前的配置 在重新运行 configure 脚本之前，清理之前的配置：</p><p>make clean 步骤 6：重新运行 configure 脚本 重新运行 configure 脚本，以确保它能找到新的 OpenSSL 版本：</p><p>emconfigure ./configure --disable-debug --enable-sal-log --disable-crashdump --host=wasm32-local-emscripten --disable-gui --with-main-module=writer --with-package-format=emscripten --disable-dbus --disable-odk --disable-postgresql-sdbc --disable-firebird-sdbc --disable-coinmp --disable-cve-tests --disable-gtk3 --disable-gstreamer-1-0 --disable-kf5 --disable-scripting-beanshell --disable-scripting-javascript --disable-extensions --disable-epm --disable-online-update --disable-python --disable-pdfimport --disable-lpsolve --disable-sdremote --disable-scripting --disable-avmedia --disable-coinmp --disable-report-builder --disable-odk --disable-pch --disable-skia --disable-scripting --srcdir=/home/core --enable-option-checking=fatal --disable-pthreads 步骤 7：检查 config.log 如果配置仍然失败，请检查 config.log 文件以获取更多详细信息：</p><p>cat config.log | grep openssl 通过确保 OpenSSL 已正确安装并设置正确的环境变量，我们应该能够解决配置过程中遇到的问题。如果问题仍然存在，请提供 config.log 文件中与 OpenSSL 相关的更多详细信息，以便进一步诊断和解决问题。</p><p>emconfigure ./configure --disable-debug --enable-sal-log --disable-crashdump --host=wasm32-local-emscripten --disable-gui --with-main-module=writer --with-package-format=emscripten --disable-dbus --disable-odk --disable-postgresql-sdbc --disable-firebird-sdbc --disable-coinmp --disable-cve-tests --disable-gtk3 --disable-gstreamer-1-0 --disable-kf5 --disable-scripting-beanshell --disable-scripting-javascript --disable-extensions --disable-epm --disable-online-update --disable-python --disable-pdfimport --disable-lpsolve --disable-sdremote --disable-scripting --disable-avmedia --disable-coinmp --disable-report-builder --disable-odk --disable-pch --disable-skia --disable-scripting --srcdir=/home/core --enable-option-checking=fatal</p><p>emmake make CXXFLAGS=&quot;-I/usr/local/ssl/include -O3 -g0 -msimd128&quot; LDFLAGS=&quot;-L/usr/local/ssl/lib -lssl -lcrypto -O3 -g0&quot;</p><p>emconfigure ./configure --disable-cups --disable-dbus --without-system-fontconfig --with-system-zlib --disable-dynamic-loading --disable-gui CXXFLAGS=-std=c++20 --host=wasm32-unknown-emscripten</p><p>root@8cb3480a4441:/home/core/instsetoo_native# vim CustomTarget_emscripten-install.mk</p><p>使用 file_packager.py 工具将文件预加载到虚拟文件系统中。确保 Emscripten 的环境变量已经正确设置，然后运行以下命令：</p><p>python3 /home/emsdk/upstream/emscripten/tools/file_packager.py preload.data --preload /home/core/instdir/share@/instdir/share --js-output=preload.js</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">--disable-scripting</span></span></code></pre></div><p>通过这些步骤，你应该能够显著减小生成的 WebAssembly 文件的体积，同时保留将文件转换为 PDF 的功能。如果遇到具体问题，请提供详细的错误信息，以便更好地帮助你解决问题。</p><p>wasm-opt 是 Binaryen 项目的一部分，它是一个用于优化和处理 WebAssembly 二进制文件的工具。你可以在 Ubuntu 上通过以下步骤安装和使用 wasm-opt：</p><ol><li>安装依赖项 首先，确保你的系统上已经安装了必要的依赖项：</li></ol><p>sudo apt update sudo apt install cmake build-essential git 2. 下载和编译 Binaryen 接下来，从源码编译 Binaryen：</p><h1 id="克隆-binaryen-仓库" tabindex="-1">克隆 Binaryen 仓库 <a class="header-anchor" href="#克隆-binaryen-仓库" aria-label="Permalink to &quot;克隆 Binaryen 仓库&quot;">​</a></h1><p>git clone <a href="https://github.com/WebAssembly/binaryen.git" target="_blank" rel="noreferrer">https://github.com/WebAssembly/binaryen.git</a> cd binaryen</p><h1 id="创建并进入构建目录" tabindex="-1">创建并进入构建目录 <a class="header-anchor" href="#创建并进入构建目录" aria-label="Permalink to &quot;创建并进入构建目录&quot;">​</a></h1><p>mkdir build cd build</p><h1 id="使用-cmake-配置构建" tabindex="-1">使用 CMake 配置构建 <a class="header-anchor" href="#使用-cmake-配置构建" aria-label="Permalink to &quot;使用 CMake 配置构建&quot;">​</a></h1><p>cmake ..</p><h1 id="编译-binaryen" tabindex="-1">编译 Binaryen <a class="header-anchor" href="#编译-binaryen" aria-label="Permalink to &quot;编译 Binaryen&quot;">​</a></h1><p>make</p><h1 id="安装-binaryen" tabindex="-1">安装 Binaryen <a class="header-anchor" href="#安装-binaryen" aria-label="Permalink to &quot;安装 Binaryen&quot;">​</a></h1><p>sudo make install 3. 使用 wasm-opt 安装完成后，你可以使用 wasm-opt 命令来优化 WebAssembly 文件。例如：</p><h1 id="假设你有一个名为-original-wasm-的-webassembly-文件" tabindex="-1">假设你有一个名为 original.wasm 的 WebAssembly 文件 <a class="header-anchor" href="#假设你有一个名为-original-wasm-的-webassembly-文件" aria-label="Permalink to &quot;假设你有一个名为 original.wasm 的 WebAssembly 文件&quot;">​</a></h1><p>wasm-opt -Oz -o optimized.wasm original.wasm 在这个命令中：</p><p>-Oz 表示进行最大化的尺寸优化。 -o optimized.wasm 指定输出文件名为 optimized.wasm。 original.wasm 是输入的 WebAssembly 文件。4. 验证安装 你可以通过运行以下命令来验证 wasm-opt 是否正确安装：</p><p>wasm-opt --version 这将输出 wasm-opt 的版本信息，确认它已成功安装并可以使用。</p><p>示例 假设你有一个名为 example.wasm 的 WebAssembly 文件，你可以通过以下命令优化它：</p><p>wasm-opt -Oz -o example_optimized.wasm example.wasm 这将生成一个优化后的 WebAssembly 文件 example_optimized.wasm，其体积通常会显著减小。</p><p>通过这些步骤，你应该能够在 Ubuntu 上成功安装和使用 wasm-opt 来优化你的 WebAssembly 文件。如果在安装或使用过程中遇到任何问题，请提供详细的错误信息，以便进一步帮助你解决问题。</p><p>--disable-debug --enable-sal-log --disable-crashdump --host=wasm32-local-emscripten --disable-gui --with-main-module=writer --with-package-format=emscripten --disable-dbus --disable-odk --disable-postgresql-sdbc --disable-firebird-sdbc --disable-coinmp --disable-cve-tests --disable-gtk3 --disable-gstreamer-1-0 --disable-kf5 --disable-scripting-beanshell --disable-scripting-javascript --disable-extensions --disable-epm --disable-online-update --disable-python --disable-pdfimport --disable-lpsolve --disable-sdremote --disable-scripting --disable-avmedia --disable-coinmp --disable-report-builder --disable-odk --disable-pch --disable-skia --disable-scripting</p><p>步骤 1：下载最新的 OpenSSL 源代码 首先，确保你在一个干净的目录中，然后下载最新版本的 OpenSSL 源代码。你可以访问 OpenSSL 官方网站 查看最新版本。假设最新版本是 openssl-3.0.9：</p><p>wget <a href="https://www.openssl.org/source/openssl-3.0.9.tar.gz" target="_blank" rel="noreferrer">https://www.openssl.org/source/openssl-3.0.9.tar.gz</a> tar -xzvf openssl-3.0.9.tar.gz cd openssl-3.0.9 步骤 2：编译和安装 OpenSSL 接下来，编译并安装 OpenSSL：</p><p>./config --prefix=/usr/local/ssl --openssldir=/usr/local/ssl shared zlib make make test make install 步骤 3：确认 OpenSSL 安装路径 确保 OpenSSL 的头文件和库文件已正确安装：</p><p>ls /usr/local/ssl/include ls /usr/local/ssl/lib 步骤 4：设置环境变量 设置正确的环境变量，以便编译时能找到 OpenSSL：</p><p>export PKG_CONFIG_PATH=&quot;/usr/local/ssl/lib/pkgconfig&quot; export CFLAGS=&quot;-I/usr/local/ssl/include&quot; export LDFLAGS=&quot;-L/usr/local/ssl/lib -lssl -lcrypto&quot; 步骤 5：清理之前的配置 在重新运行 configure 脚本之前，清理之前的配置：</p><p>make clean 步骤 6：重新运行 configure 脚本 重新运行 configure 脚本，以确保它能找到新的 OpenSSL 版本：</p><p>emconfigure ./configure --disable-debug --enable-sal-log --disable-crashdump --host=wasm32-local-emscripten --disable-gui --with-main-module=writer --with-package-format=emscripten --disable-dbus --disable-odk --disable-postgresql-sdbc --disable-firebird-sdbc --disable-coinmp --disable-cve-tests --disable-gtk3 --disable-gstreamer-1-0 --disable-kf5 --disable-scripting-beanshell --disable-scripting-javascript --disable-extensions --disable-epm --disable-online-update --disable-python --disable-pdfimport --disable-lpsolve --disable-sdremote --disable-scripting --disable-avmedia --disable-coinmp --disable-report-builder --disable-odk --disable-pch --disable-skia --disable-scripting --srcdir=/home/core --enable-option-checking=fatal --disable-pthreads 步骤 7：检查 config.log 如果配置仍然失败，请检查 config.log 文件以获取更多详细信息：</p><p>cat config.log | grep openssl 通过确保 OpenSSL 已正确安装并设置正确的环境变量，我们应该能够解决配置过程中遇到的问题。如果问题仍然存在，请提供 config.log 文件中与 OpenSSL 相关的更多详细信息，以便进一步诊断和解决问题。</p><p>emconfigure ./configure --disable-debug --enable-sal-log --disable-crashdump --host=wasm32-local-emscripten --disable-gui --with-main-module=writer --with-package-format=emscripten --disable-dbus --disable-odk --disable-postgresql-sdbc --disable-firebird-sdbc --disable-coinmp --disable-cve-tests --disable-gtk3 --disable-gstreamer-1-0 --disable-kf5 --disable-scripting-beanshell --disable-scripting-javascript --disable-extensions --disable-epm --disable-online-update --disable-python --disable-pdfimport --disable-lpsolve --disable-sdremote --disable-scripting --disable-avmedia --disable-coinmp --disable-report-builder --disable-odk --disable-pch --disable-skia --disable-scripting --srcdir=/home/core --enable-option-checking=fatal</p><p>emmake make CXXFLAGS=&quot;-I/usr/local/ssl/include -O3 -g0 -msimd128&quot; LDFLAGS=&quot;-L/usr/local/ssl/lib -lssl -lcrypto -O3 -g0&quot;</p><p>emconfigure ./configure --disable-cups --disable-dbus --without-system-fontconfig --with-system-zlib --disable-dynamic-loading --disable-gui CXXFLAGS=-std=c++20 --host=wasm32-unknown-emscripten</p><p>root@8cb3480a4441:/home/core/instsetoo_native# vim CustomTarget_emscripten-install.mk</p><p>使用 file_packager.py 工具将文件预加载到虚拟文件系统中。确保 Emscripten 的环境变量已经正确设置，然后运行以下命令：</p><p>python3 /home/emsdk/upstream/emscripten/tools/file_packager.py preload.data --preload /home/core/instdir/share@/instdir/share --js-output=preload.js</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/note/ubuntu.html b/cn/src/note/ubuntu.html
index f6480c1c1c..0de8eb5369 100644
--- a/cn/src/note/ubuntu.html
+++ b/cn/src/note/ubuntu.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_note_ubuntu.md.C1lhavpN.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_note_ubuntu.md.boe-scbt.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -44,8 +44,8 @@
   <body>
     <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/note/ubuntu.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/note/ubuntu.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav empty fixed" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><!----><div class="VPContent" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_note_ubuntu" data-v-9f8645df><div data-pagefind-body="true"><h1 id="ubuntu" tabindex="-1">ubuntu <a class="header-anchor" href="#ubuntu" aria-label="Permalink to &quot;ubuntu&quot;">​</a></h1><div class="language-sh vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">sh</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">apt</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> update</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">apt</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> openjdk-11-jdk</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">  wget</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> curl</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> junit4</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ant</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libgstreamer1.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libgstreamer-plugins-base1.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libgstreamer-plugins-good1.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libgtk-3-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libglib2.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libatk1.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libcairo2-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> zip</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> flex</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> uuid-runtime</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> bison</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxrandr-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxrender-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxext-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libnss3-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libnspr4-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libkrb5-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> python3</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> python3-pip</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxml2-utils</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> xsltproc</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxslt1-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> gperf</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libfontconfig1-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libcups2-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> gcc</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> make</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> autoconf</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> pkg-config</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> automake</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">apt</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> openjdk-11-jdk</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">  wget</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> curl</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> junit4</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> ant</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libgstreamer1.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libgstreamer-plugins-base1.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libgstreamer-plugins-good1.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libgtk-3-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libglib2.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libatk1.0-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libcairo2-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> zip</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> flex</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> uuid-runtime</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> bison</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxrandr-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxrender-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxext-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libnss3-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libnspr4-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libkrb5-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> python3</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> python3-pip</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxml2-utils</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> xsltproc</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libxslt1-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> gperf</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libfontconfig1-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> libcups2-dev</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> gcc</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> make</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> autoconf</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> pkg-config</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> automake</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranui/button/index.html b/cn/src/ranui/button/index.html
index ea5ba50167..6f22e77016 100644
--- a/cn/src/ranui/button/index.html
+++ b/cn/src/ranui/button/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_button_index.md.B-YucaRE.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_button_index.md.ByX0UCnc.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -50,8 +50,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;text&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;文本按钮&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;默认按钮&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="图标icon" tabindex="-1">图标<code>icon</code> <a class="header-anchor" href="#图标icon" aria-label="Permalink to &quot;图标`icon`&quot;">​</a></h3><p>当需要在 Button 内嵌入 Icon 时，可以设置 icon 属性，或者直接在 Button 内使用 Icon 组件。</p><p>如果想控制 Icon 具体的位置，只能直接使用 Icon 组件，而非 icon 属性。</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="default" icon="user">默认按钮</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="primary" icon="home">主要按钮</r-button></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;default&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;默认按钮&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;home&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;主要按钮&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="特效-effect" tabindex="-1">特效 effect <a class="header-anchor" href="#特效-effect" aria-label="Permalink to &quot;特效 effect&quot;">​</a></h3><p>如果需要纯净的 Button，可以加上 effect = false，屏蔽点击时候的水波纹特效</p><r-button type="default" effect="fase" icon="user">默认按钮</r-button><r-button type="primary" effect="fase" icon="home">主要按钮</r-button><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;default&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;默认按钮&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;home&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;主要按钮&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Overview 总览</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/icon/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Icon 图标</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;home&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;主要按钮&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Overview 总览</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/icon/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Icon 图标</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranui/checkbox/index.html b/cn/src/ranui/checkbox/index.html
index 91d3e0947d..a5cf6abae8 100644
--- a/cn/src/ranui/checkbox/index.html
+++ b/cn/src/ranui/checkbox/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_checkbox_index.md.7OhoHSmh.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_checkbox_index.md.Csmdnt0O.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -45,8 +45,8 @@
     <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/checkbox/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/checkbox/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button 按钮</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon 图标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading 加载中</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据展示</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image 图片</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/math/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math 数学公式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox 多选框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs 标签页</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview 预览</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar 雷达图</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select 选择框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player 视频播放器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress 进度条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover 气泡卡片</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据录入</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input 输入框</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>反馈</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message 全局提示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton 骨架屏</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranui_checkbox_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="checkbox-多选框" tabindex="-1">CheckBox 多选框 <a class="header-anchor" href="#checkbox-多选框" aria-label="Permalink to &quot;CheckBox 多选框&quot;">​</a></h1><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-checkbox></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="checked" tabindex="-1"><code>checked</code> <a class="header-anchor" href="#checked" aria-label="Permalink to &quot;`checked`&quot;">​</a></h3><r-checkbox checked="true"></r-checkbox><r-checkbox checked="false"></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="disabled" tabindex="-1"><code>disabled</code> <a class="header-anchor" href="#disabled" aria-label="Permalink to &quot;`disabled`&quot;">​</a></h3><r-checkbox checked="true" disabled></r-checkbox><r-checkbox checked="false" disabled></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="事件event" tabindex="-1">事件<code>event</code> <a class="header-anchor" href="#事件event" aria-label="Permalink to &quot;事件`event`&quot;">​</a></h2><p>改变的时候触发。</p><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><r-checkbox onchange="console.log(this.checked)"></r-checkbox><r-checkbox onchange="console.log(this.checked)"></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;console.log(this.checked)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;console.log(this.checked)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/math/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Math 数学公式</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/tabs/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Tabs 标签页</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;console.log(this.checked)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/math/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Math 数学公式</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/tabs/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Tabs 标签页</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranui/icon/index.html b/cn/src/ranui/icon/index.html
index 7cd66ee207..719e71f4e2 100644
--- a/cn/src/ranui/icon/index.html
+++ b/cn/src/ranui/icon/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_icon_index.md.7jVbQ82_.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_icon_index.md.VgKq_hwc.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -53,8 +53,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> size</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;50&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#F44336&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> size</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;50&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#3F51B5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="旋转spin" tabindex="-1">旋转<code>spin</code> <a class="header-anchor" href="#旋转spin" aria-label="Permalink to &quot;旋转`spin`&quot;">​</a></h3><p>设置 spin 开启旋转，传入数字控制旋转的速度，数字越小旋转越快</p><div style="display:flex;"><r-icon name="loading" size="50" color="#1E90FF" spin="0.7"></r-icon><r-icon name="loading" size="50" color="#1E90FF" spin></r-icon><r-icon name="loading" size="50" color="#1E90FF" spin="5"></r-icon></div><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;loading&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> size</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;50&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#1E90FF&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> spin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0.7&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;loading&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> size</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;50&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#1E90FF&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> spin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;loading&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> size</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;50&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#1E90FF&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> spin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="图标列表" tabindex="-1">图标列表 <a class="header-anchor" href="#图标列表" aria-label="Permalink to &quot;图标列表&quot;">​</a></h2><div style="display:flex;align-items:center;justify-content:flex-start;flex-flow:row wrap;" id="icon-list"></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/button/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Button 按钮</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/loading/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Loading 加载中</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;loading&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> size</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;50&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#1E90FF&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> spin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="图标列表" tabindex="-1">图标列表 <a class="header-anchor" href="#图标列表" aria-label="Permalink to &quot;图标列表&quot;">​</a></h2><div style="display:flex;align-items:center;justify-content:flex-start;flex-flow:row wrap;" id="icon-list"></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/button/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Button 按钮</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/loading/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Loading 加载中</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranui/image/index.html b/cn/src/ranui/image/index.html
index eb4c052aa8..68361626ca 100644
--- a/cn/src/ranui/image/index.html
+++ b/cn/src/ranui/image/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_image_index.md.CEdjKNte.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_image_index.md.DTxkaIXi.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/image/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/image/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button 按钮</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon 图标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading 加载中</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据展示</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image 图片</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/math/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math 数学公式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox 多选框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs 标签页</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview 预览</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar 雷达图</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select 选择框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player 视频播放器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress 进度条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover 气泡卡片</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据录入</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input 输入框</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>反馈</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message 全局提示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton 骨架屏</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranui_image_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="image-图片" tabindex="-1">Image 图片 <a class="header-anchor" href="#image-图片" aria-label="Permalink to &quot;Image 图片&quot;">​</a></h1><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> fallback</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="图片加载地址src" tabindex="-1">图片加载地址<code>src</code> <a class="header-anchor" href="#图片加载地址src" aria-label="Permalink to &quot;图片加载地址`src`&quot;">​</a></h3><p>图片的地址</p><h3 id="图片加载失败fallback" tabindex="-1">图片加载失败<code>fallback</code> <a class="header-anchor" href="#图片加载失败fallback" aria-label="Permalink to &quot;图片加载失败`fallback`&quot;">​</a></h3><p><code>src</code>配置的图片加载失败，兜底的图片地址，下面是默认加载失败图片</p><r-img fallback="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg=="></r-img></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/loading/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Loading 加载中</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/math/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Math 数学公式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/image/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/image/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button 按钮</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon 图标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading 加载中</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据展示</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image 图片</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/math/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math 数学公式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox 多选框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs 标签页</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview 预览</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar 雷达图</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select 选择框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player 视频播放器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress 进度条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover 气泡卡片</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据录入</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input 输入框</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>反馈</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message 全局提示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton 骨架屏</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranui_image_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="image-图片" tabindex="-1">Image 图片 <a class="header-anchor" href="#image-图片" aria-label="Permalink to &quot;Image 图片&quot;">​</a></h1><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> fallback</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="图片加载地址src" tabindex="-1">图片加载地址<code>src</code> <a class="header-anchor" href="#图片加载地址src" aria-label="Permalink to &quot;图片加载地址`src`&quot;">​</a></h3><p>图片的地址</p><h3 id="图片加载失败fallback" tabindex="-1">图片加载失败<code>fallback</code> <a class="header-anchor" href="#图片加载失败fallback" aria-label="Permalink to &quot;图片加载失败`fallback`&quot;">​</a></h3><p><code>src</code>配置的图片加载失败，兜底的图片地址，下面是默认加载失败图片</p><r-img fallback="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg=="></r-img></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/loading/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Loading 加载中</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/math/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Math 数学公式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranui/index.html b/cn/src/ranui/index.html
index ace5331055..9c57860f75 100644
--- a/cn/src/ranui/index.html
+++ b/cn/src/ranui/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/customElements.qitHOM3M.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_index.md.Cv0LhI4v.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_index.md.DbAIrpTI.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -128,8 +128,8 @@
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0.70&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;--ran-progress-wrap-background:linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);&quot;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><p>具体<code>css3</code>变量名称可以参考每个组件的介绍和说明</p><h2 id="compatibility-兼容性" tabindex="-1">Compatibility 兼容性 <a class="header-anchor" href="#compatibility-兼容性" aria-label="Permalink to &quot;Compatibility 兼容性&quot;">​</a></h2><ul><li>不支持 <code>IE</code>，其他均有较好支持</li></ul><p><img src="/ran/assets/customElements.DbqgaaNb.png" alt=""></p><h2 id="contributors-贡献者" tabindex="-1">Contributors 贡献者 <a class="header-anchor" href="#contributors-贡献者" aria-label="Permalink to &quot;Contributors 贡献者&quot;">​</a></h2><a href="https://github.com/chaxus/ran/graphs/contributors"><img src="https://contrib.rocks/image?repo=chaxus/ran"></a><h2 id="other-相关资源" tabindex="-1">Other 相关资源 <a class="header-anchor" href="#other-相关资源" aria-label="Permalink to &quot;Other 相关资源&quot;">​</a></h2><ol><li><a href="https://www.checklist.design/" target="_blank" rel="noreferrer">优秀的组件设计</a></li><li><a href="https://webgradients.com/" target="_blank" rel="noreferrer">在线生成 CSS 渐变色</a></li><li><a href="https://webgradients.com/" target="_blank" rel="noreferrer">优秀设计作品，有 psd 和 sketch</a></li><li><a href="https://spline.design/" target="_blank" rel="noreferrer">3D UI 设计，类似于 3D 版的 figma</a></li><li><a href="https://lawsofux.com/" target="_blank" rel="noreferrer">设计规范</a></li><li><a href="https://dribbble.com/" target="_blank" rel="noreferrer">优秀设计作品</a></li><li><a href="https://element.eleme.cn/#/zh-CN" target="_blank" rel="noreferrer">element UI 中文网</a></li><li><a href="https://ant.design/index-cn" target="_blank" rel="noreferrer">Ant design 中文网</a></li><li><a href="https://animista.net/" target="_blank" rel="noreferrer">在线绘制 CSS 动画</a></li><li><a href="https://www.tailwindcss.cn/resources" target="_blank" rel="noreferrer">tailwindcss 组件库</a></li><li><a href="https://animate.style/" target="_blank" rel="noreferrer">animate css 非常优秀的 css 动画</a></li><li><a href="https://caniuse.com/" target="_blank" rel="noreferrer">can i use 检测兼容性 API 网站</a></li><li><a href="https://www.figma.com/" target="_blank" rel="noreferrer">figma</a></li></ol><h2 id="协议和标准" tabindex="-1">协议和标准 <a class="header-anchor" href="#协议和标准" aria-label="Permalink to &quot;协议和标准&quot;">​</a></h2><ol><li><a href="https://www.rfc-editor.org/" target="_blank" rel="noreferrer">RFCs</a></li><li><a href="https://www.ecma-international.org/" target="_blank" rel="noreferrer">ECMA</a></li><li><a href="https://www.w3.org/" target="_blank" rel="noreferrer">w3c</a></li></ol></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/button/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Button 按钮</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><p>具体<code>css3</code>变量名称可以参考每个组件的介绍和说明</p><h2 id="compatibility-兼容性" tabindex="-1">Compatibility 兼容性 <a class="header-anchor" href="#compatibility-兼容性" aria-label="Permalink to &quot;Compatibility 兼容性&quot;">​</a></h2><ul><li>不支持 <code>IE</code>，其他均有较好支持</li></ul><p><img src="/ran/assets/customElements.DbqgaaNb.png" alt=""></p><h2 id="contributors-贡献者" tabindex="-1">Contributors 贡献者 <a class="header-anchor" href="#contributors-贡献者" aria-label="Permalink to &quot;Contributors 贡献者&quot;">​</a></h2><a href="https://github.com/chaxus/ran/graphs/contributors"><img src="https://contrib.rocks/image?repo=chaxus/ran"></a><h2 id="other-相关资源" tabindex="-1">Other 相关资源 <a class="header-anchor" href="#other-相关资源" aria-label="Permalink to &quot;Other 相关资源&quot;">​</a></h2><ol><li><a href="https://www.checklist.design/" target="_blank" rel="noreferrer">优秀的组件设计</a></li><li><a href="https://webgradients.com/" target="_blank" rel="noreferrer">在线生成 CSS 渐变色</a></li><li><a href="https://webgradients.com/" target="_blank" rel="noreferrer">优秀设计作品，有 psd 和 sketch</a></li><li><a href="https://spline.design/" target="_blank" rel="noreferrer">3D UI 设计，类似于 3D 版的 figma</a></li><li><a href="https://lawsofux.com/" target="_blank" rel="noreferrer">设计规范</a></li><li><a href="https://dribbble.com/" target="_blank" rel="noreferrer">优秀设计作品</a></li><li><a href="https://element.eleme.cn/#/zh-CN" target="_blank" rel="noreferrer">element UI 中文网</a></li><li><a href="https://ant.design/index-cn" target="_blank" rel="noreferrer">Ant design 中文网</a></li><li><a href="https://animista.net/" target="_blank" rel="noreferrer">在线绘制 CSS 动画</a></li><li><a href="https://www.tailwindcss.cn/resources" target="_blank" rel="noreferrer">tailwindcss 组件库</a></li><li><a href="https://animate.style/" target="_blank" rel="noreferrer">animate css 非常优秀的 css 动画</a></li><li><a href="https://caniuse.com/" target="_blank" rel="noreferrer">can i use 检测兼容性 API 网站</a></li><li><a href="https://www.figma.com/" target="_blank" rel="noreferrer">figma</a></li></ol><h2 id="协议和标准" tabindex="-1">协议和标准 <a class="header-anchor" href="#协议和标准" aria-label="Permalink to &quot;协议和标准&quot;">​</a></h2><ol><li><a href="https://www.rfc-editor.org/" target="_blank" rel="noreferrer">RFCs</a></li><li><a href="https://www.ecma-international.org/" target="_blank" rel="noreferrer">ECMA</a></li><li><a href="https://www.w3.org/" target="_blank" rel="noreferrer">w3c</a></li></ol></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/button/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Button 按钮</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranui/input/index.html b/cn/src/ranui/input/index.html
index b6e6a7059b..95622b419b 100644
--- a/cn/src/ranui/input/index.html
+++ b/cn/src/ranui/input/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/input-input.MnARRJC6.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_input_index.md.CKpr9bUR.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_input_index.md.Xj5VXLle.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -53,8 +53,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> func</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">e</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(e);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">input.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">addEventListener</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;input&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, func);</span></span></code></pre></div><p>事件的<code>e</code>参数结构 <img src="/ran/assets/input-input.1X1aE5oH.jpg" alt="input方法"></p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/popover/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Popover 气泡卡片</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/message/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Message 全局提示</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">input.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">addEventListener</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;input&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, func);</span></span></code></pre></div><p>事件的<code>e</code>参数结构 <img src="/ran/assets/input-input.1X1aE5oH.jpg" alt="input方法"></p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/popover/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Popover 气泡卡片</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/message/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Message 全局提示</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranui/loading/index.html b/cn/src/ranui/loading/index.html
index 5faf687364..161ec159ab 100644
--- a/cn/src/ranui/loading/index.html
+++ b/cn/src/ranui/loading/index.html
@@ -14,7 +14,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/loading.vue_vue_type_style_index_0_lang.Byf79MII.js">
     <link rel="modulepreload" href="/ran/assets/chunks/index.CafPLwUV.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_loading_index.md.CcRWELn0.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_loading_index.md.Cd9-GnXr.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -38,7 +38,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -47,8 +47,8 @@
     <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/loading/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/loading/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button 按钮</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon 图标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading 加载中</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据展示</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image 图片</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/math/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math 数学公式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox 多选框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs 标签页</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview 预览</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar 雷达图</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select 选择框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player 视频播放器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress 进度条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover 气泡卡片</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据录入</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input 输入框</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>反馈</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message 全局提示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton 骨架屏</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranui_loading_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>一些好看的 loading</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-loading name="circle"></r-loading><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;circle&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="name" tabindex="-1"><code>name</code> <a class="header-anchor" href="#name" aria-label="Permalink to &quot;`name`&quot;">​</a></h3><p>这里有很多好看的 loading，可供选择</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="double-bounce"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="rotate"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="stretch"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="cube"></r-loading></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;double-bounce&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;rotate&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;stretch&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;cube&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="loading-list" tabindex="-1">Loading list <a class="header-anchor" href="#loading-list" aria-label="Permalink to &quot;Loading list&quot;">​</a></h2><div><h3>Move the mouse over the icon to see the loading animation</h3><!--[--><div><div class="loading"><div>stretch</div><div class="loading-icon"><r-loading name="stretch"></r-loading></div></div></div><div><div class="loading"><div>rotate</div><div class="loading-icon"><r-loading name="rotate"></r-loading></div></div></div><div><div class="loading"><div>double-bounce</div><div class="loading-icon"><r-loading name="double-bounce"></r-loading></div></div></div><div><div class="loading"><div>cube</div><div class="loading-icon"><r-loading name="cube"></r-loading></div></div></div><div><div class="loading"><div>dot</div><div class="loading-icon"><r-loading name="dot"></r-loading></div></div></div><div><div class="loading"><div>triple-bounce</div><div class="loading-icon"><r-loading name="triple-bounce"></r-loading></div></div></div><div><div class="loading"><div>scale-out</div><div class="loading-icon"><r-loading name="scale-out"></r-loading></div></div></div><div><div class="loading"><div>circle</div><div class="loading-icon"><r-loading name="circle"></r-loading></div></div></div><div><div class="loading"><div>circle-line</div><div class="loading-icon"><r-loading name="circle-line"></r-loading></div></div></div><div><div class="loading"><div>square</div><div class="loading-icon"><r-loading name="square"></r-loading></div></div></div><div><div class="loading"><div>pulse</div><div class="loading-icon"><r-loading name="pulse"></r-loading></div></div></div><div><div class="loading"><div>solar</div><div class="loading-icon"><r-loading name="solar"></r-loading></div></div></div><div><div class="loading"><div>cube-fold</div><div class="loading-icon"><r-loading name="cube-fold"></r-loading></div></div></div><div><div class="loading"><div>circle-fold</div><div class="loading-icon"><r-loading name="circle-fold"></r-loading></div></div></div><div><div class="loading"><div>cube-grid</div><div class="loading-icon"><r-loading name="cube-grid"></r-loading></div></div></div><div><div class="loading"><div>circle-turn</div><div class="loading-icon"><r-loading name="circle-turn"></r-loading></div></div></div><div><div class="loading"><div>circle-rotate</div><div class="loading-icon"><r-loading name="circle-rotate"></r-loading></div></div></div><div><div class="loading"><div>circle-spin</div><div class="loading-icon"><r-loading name="circle-spin"></r-loading></div></div></div><div><div class="loading"><div>dot-bar</div><div class="loading-icon"><r-loading name="dot-bar"></r-loading></div></div></div><div><div class="loading"><div>dot-circle</div><div class="loading-icon"><r-loading name="dot-circle"></r-loading></div></div></div><div><div class="loading"><div>line</div><div class="loading-icon"><r-loading name="line"></r-loading></div></div></div><div><div class="loading"><div>dot-pulse</div><div class="loading-icon"><r-loading name="dot-pulse"></r-loading></div></div></div><div><div class="loading"><div>line-scale</div><div class="loading-icon"><r-loading name="line-scale"></r-loading></div></div></div><div><div class="loading"><div>text</div><div class="loading-icon"><r-loading name="text"></r-loading></div></div></div><div><div class="loading"><div>cube-dim</div><div class="loading-icon"><r-loading name="cube-dim"></r-loading></div></div></div><div><div class="loading"><div>dot-line</div><div class="loading-icon"><r-loading name="dot-line"></r-loading></div></div></div><div><div class="loading"><div>arc</div><div class="loading-icon"><r-loading name="arc"></r-loading></div></div></div><div><div class="loading"><div>drop</div><div class="loading-icon"><r-loading name="drop"></r-loading></div></div></div><div><div class="loading"><div>pacman</div><div class="loading-icon"><r-loading name="pacman"></r-loading></div></div></div><!--]--></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/icon/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Icon 图标</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/image/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Image 图片</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;cube&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="loading-list" tabindex="-1">Loading list <a class="header-anchor" href="#loading-list" aria-label="Permalink to &quot;Loading list&quot;">​</a></h2><div><h3>Move the mouse over the icon to see the loading animation</h3><!--[--><div><div class="loading"><div>stretch</div><div class="loading-icon"><r-loading name="stretch"></r-loading></div></div></div><div><div class="loading"><div>rotate</div><div class="loading-icon"><r-loading name="rotate"></r-loading></div></div></div><div><div class="loading"><div>double-bounce</div><div class="loading-icon"><r-loading name="double-bounce"></r-loading></div></div></div><div><div class="loading"><div>cube</div><div class="loading-icon"><r-loading name="cube"></r-loading></div></div></div><div><div class="loading"><div>dot</div><div class="loading-icon"><r-loading name="dot"></r-loading></div></div></div><div><div class="loading"><div>triple-bounce</div><div class="loading-icon"><r-loading name="triple-bounce"></r-loading></div></div></div><div><div class="loading"><div>scale-out</div><div class="loading-icon"><r-loading name="scale-out"></r-loading></div></div></div><div><div class="loading"><div>circle</div><div class="loading-icon"><r-loading name="circle"></r-loading></div></div></div><div><div class="loading"><div>circle-line</div><div class="loading-icon"><r-loading name="circle-line"></r-loading></div></div></div><div><div class="loading"><div>square</div><div class="loading-icon"><r-loading name="square"></r-loading></div></div></div><div><div class="loading"><div>pulse</div><div class="loading-icon"><r-loading name="pulse"></r-loading></div></div></div><div><div class="loading"><div>solar</div><div class="loading-icon"><r-loading name="solar"></r-loading></div></div></div><div><div class="loading"><div>cube-fold</div><div class="loading-icon"><r-loading name="cube-fold"></r-loading></div></div></div><div><div class="loading"><div>circle-fold</div><div class="loading-icon"><r-loading name="circle-fold"></r-loading></div></div></div><div><div class="loading"><div>cube-grid</div><div class="loading-icon"><r-loading name="cube-grid"></r-loading></div></div></div><div><div class="loading"><div>circle-turn</div><div class="loading-icon"><r-loading name="circle-turn"></r-loading></div></div></div><div><div class="loading"><div>circle-rotate</div><div class="loading-icon"><r-loading name="circle-rotate"></r-loading></div></div></div><div><div class="loading"><div>circle-spin</div><div class="loading-icon"><r-loading name="circle-spin"></r-loading></div></div></div><div><div class="loading"><div>dot-bar</div><div class="loading-icon"><r-loading name="dot-bar"></r-loading></div></div></div><div><div class="loading"><div>dot-circle</div><div class="loading-icon"><r-loading name="dot-circle"></r-loading></div></div></div><div><div class="loading"><div>line</div><div class="loading-icon"><r-loading name="line"></r-loading></div></div></div><div><div class="loading"><div>dot-pulse</div><div class="loading-icon"><r-loading name="dot-pulse"></r-loading></div></div></div><div><div class="loading"><div>line-scale</div><div class="loading-icon"><r-loading name="line-scale"></r-loading></div></div></div><div><div class="loading"><div>text</div><div class="loading-icon"><r-loading name="text"></r-loading></div></div></div><div><div class="loading"><div>cube-dim</div><div class="loading-icon"><r-loading name="cube-dim"></r-loading></div></div></div><div><div class="loading"><div>dot-line</div><div class="loading-icon"><r-loading name="dot-line"></r-loading></div></div></div><div><div class="loading"><div>arc</div><div class="loading-icon"><r-loading name="arc"></r-loading></div></div></div><div><div class="loading"><div>drop</div><div class="loading-icon"><r-loading name="drop"></r-loading></div></div></div><div><div class="loading"><div>pacman</div><div class="loading-icon"><r-loading name="pacman"></r-loading></div></div></div><!--]--></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/icon/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Icon 图标</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/image/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Image 图片</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranui/math/index.html b/cn/src/ranui/math/index.html
index 7f8c8c637b..d11ff80f03 100644
--- a/cn/src/ranui/math/index.html
+++ b/cn/src/ranui/math/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_math_index.md.nmeuJ7af.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_math_index.md.vkrzCmwa.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/math/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/math/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button 按钮</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon 图标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading 加载中</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据展示</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image 图片</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/math/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math 数学公式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox 多选框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs 标签页</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview 预览</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar 雷达图</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select 选择框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player 视频播放器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress 进度条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover 气泡卡片</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据录入</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input 输入框</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>反馈</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message 全局提示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton 骨架屏</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranui_math_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="math-数学公式" tabindex="-1">math 数学公式 <a class="header-anchor" href="#math-数学公式" aria-label="Permalink to &quot;math 数学公式&quot;">​</a></h1><p>在 <code>HTML</code> 页面中高质量展示 <code>LaTeX</code> 数学公式</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-math latex="\frac{x^2}{a^2} + \frac{y^2}{b^2} = 1 \quad (a &gt; b &gt; 0)"></r-math><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;\frac{x^2}{a^2} + \frac{y^2}{b^2} = 1 \quad (a &gt; b &gt; 0)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="latex-string" tabindex="-1">latex <code>string</code> <a class="header-anchor" href="#latex-string" aria-label="Permalink to &quot;latex `string`&quot;">​</a></h3><r-math latex="x = {-b \pm \sqrt{b^2-4ac} \over 2a}"></r-math><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;x = {-b \pm \sqrt{b^2-4ac} \over 2a}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/image/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Image 图片</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/checkbox/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>CheckBox 多选框</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/math/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/math/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button 按钮</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon 图标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading 加载中</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据展示</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image 图片</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/math/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math 数学公式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox 多选框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs 标签页</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview 预览</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar 雷达图</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select 选择框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player 视频播放器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress 进度条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover 气泡卡片</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据录入</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input 输入框</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>反馈</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message 全局提示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton 骨架屏</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranui_math_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="math-数学公式" tabindex="-1">math 数学公式 <a class="header-anchor" href="#math-数学公式" aria-label="Permalink to &quot;math 数学公式&quot;">​</a></h1><p>在 <code>HTML</code> 页面中高质量展示 <code>LaTeX</code> 数学公式</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-math latex="\frac{x^2}{a^2} + \frac{y^2}{b^2} = 1 \quad (a &gt; b &gt; 0)"></r-math><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;\frac{x^2}{a^2} + \frac{y^2}{b^2} = 1 \quad (a &gt; b &gt; 0)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="latex-string" tabindex="-1">latex <code>string</code> <a class="header-anchor" href="#latex-string" aria-label="Permalink to &quot;latex `string`&quot;">​</a></h3><r-math latex="x = {-b \pm \sqrt{b^2-4ac} \over 2a}"></r-math><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;x = {-b \pm \sqrt{b^2-4ac} \over 2a}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/image/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Image 图片</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/checkbox/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>CheckBox 多选框</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranui/message/index.html b/cn/src/ranui/message/index.html
index cd4bf3ab76..a3bb7408e2 100644
--- a/cn/src/ranui/message/index.html
+++ b/cn/src/ranui/message/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_message_index.md.OWf7PDqT.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_message_index.md.DQaOXw4A.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -46,8 +46,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">warning</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;这是一条提示&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;警告提示&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">error</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;这是一条提示&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;错误提示&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">success</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;这是一条提示&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;成功提示&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">toast</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;这是一条提示&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;toast提示&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="方法" tabindex="-1">方法 <a class="header-anchor" href="#方法" aria-label="Permalink to &quot;方法&quot;">​</a></h2><p>组件提供了一些静态方法，使用方式和参数如下：</p><ol><li>可以只传一个参数，提示的内容，默认提示 3000 毫秒</li></ol><p><code>message.info(&#39;这是一条提示&#39;)</code></p><p><code>message.warning(&#39;这是一条提示&#39;)</code></p><p><code>message.error(&#39;这是一条提示&#39;)</code></p><p><code>message.success(&#39;这是一条提示&#39;)</code></p><p><code>message.toast(&#39;这是一条提示&#39;)&quot;</code></p><ol start="2"><li>也可以传一个对象，设置提示内容，关闭延时，关闭时触发的回调函数</li></ol><p><code>message.info({content:&#39;这是一条提示&#39;, duration: 2000, close: () =&gt; {}})</code></p><p><code>message.warning({content:&#39;这是一条提示&#39;, duration: 2000, close: () =&gt; {}})</code></p><p><code>message.error({content:&#39;这是一条提示&#39;, duration: 2000, close: () =&gt; {}})</code></p><p><code>message.success({content:&#39;这是一条提示&#39;, duration: 2000, close: () =&gt; {}})</code></p><p><code>message.toast({content:&#39;这是一条提示&#39;, duration: 2000, close: () =&gt; {}})</code></p><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>content</td><td>提示内容</td><td><code>string</code></td></tr><tr><td>duration</td><td>自动关闭的延时，单位毫秒。默认 3000 毫秒</td><td><code>number</code></td></tr><tr><td>close</td><td>关闭时触发的回调函数</td><td><code>() =&gt; void</code></td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/input/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Input 输入框</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/skeleton/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Skeleton 骨架屏</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">toast</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;这是一条提示&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;toast提示&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="方法" tabindex="-1">方法 <a class="header-anchor" href="#方法" aria-label="Permalink to &quot;方法&quot;">​</a></h2><p>组件提供了一些静态方法，使用方式和参数如下：</p><ol><li>可以只传一个参数，提示的内容，默认提示 3000 毫秒</li></ol><p><code>message.info(&#39;这是一条提示&#39;)</code></p><p><code>message.warning(&#39;这是一条提示&#39;)</code></p><p><code>message.error(&#39;这是一条提示&#39;)</code></p><p><code>message.success(&#39;这是一条提示&#39;)</code></p><p><code>message.toast(&#39;这是一条提示&#39;)&quot;</code></p><ol start="2"><li>也可以传一个对象，设置提示内容，关闭延时，关闭时触发的回调函数</li></ol><p><code>message.info({content:&#39;这是一条提示&#39;, duration: 2000, close: () =&gt; {}})</code></p><p><code>message.warning({content:&#39;这是一条提示&#39;, duration: 2000, close: () =&gt; {}})</code></p><p><code>message.error({content:&#39;这是一条提示&#39;, duration: 2000, close: () =&gt; {}})</code></p><p><code>message.success({content:&#39;这是一条提示&#39;, duration: 2000, close: () =&gt; {}})</code></p><p><code>message.toast({content:&#39;这是一条提示&#39;, duration: 2000, close: () =&gt; {}})</code></p><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>content</td><td>提示内容</td><td><code>string</code></td></tr><tr><td>duration</td><td>自动关闭的延时，单位毫秒。默认 3000 毫秒</td><td><code>number</code></td></tr><tr><td>close</td><td>关闭时触发的回调函数</td><td><code>() =&gt; void</code></td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/input/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Input 输入框</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/skeleton/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Skeleton 骨架屏</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranui/modal/index.html b/cn/src/ranui/modal/index.html
index ad0a84fb26..9ee4b97528 100644
--- a/cn/src/ranui/modal/index.html
+++ b/cn/src/ranui/modal/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_modal_index.md.C5SgGuYU.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_modal_index.md.Ct_5BTpn.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/modal/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/modal/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button 按钮</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon 图标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading 加载中</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据展示</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image 图片</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/math/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math 数学公式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox 多选框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs 标签页</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview 预览</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar 雷达图</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select 选择框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player 视频播放器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress 进度条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover 气泡卡片</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据录入</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input 输入框</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>反馈</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message 全局提示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton 骨架屏</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranui_modal_" data-v-9f8645df><div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview 总览</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/modal/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/modal/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button 按钮</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon 图标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading 加载中</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据展示</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image 图片</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/math/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math 数学公式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox 多选框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs 标签页</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview 预览</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar 雷达图</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select 选择框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player 视频播放器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress 进度条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover 气泡卡片</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据录入</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input 输入框</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>反馈</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message 全局提示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton 骨架屏</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranui_modal_" data-v-9f8645df><div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview 总览</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranui/player/index.html b/cn/src/ranui/player/index.html
index e77fb4ec3f..2f8292fff7 100644
--- a/cn/src/ranui/player/index.html
+++ b/cn/src/ranui/player/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_player_index.md.DXjOFy1h.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_player_index.md.ClG2z7Rd.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/player/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/player/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button 按钮</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon 图标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading 加载中</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据展示</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image 图片</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/math/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math 数学公式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox 多选框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs 标签页</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview 预览</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar 雷达图</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select 选择框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player 视频播放器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress 进度条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover 气泡卡片</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据录入</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input 输入框</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>反馈</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message 全局提示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton 骨架屏</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranui_player_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="r-player-视频播放器" tabindex="-1">r-player 视频播放器 <a class="header-anchor" href="#r-player-视频播放器" aria-label="Permalink to &quot;r-player 视频播放器&quot;">​</a></h1><p>基于<code>hlsjs</code>和<code>web components</code>，让原生的标签<code>r-player</code>拥有统一的视频控件。 不采用<code>new Player(options)</code>的方式挂载到指定<code>dom</code>，视图的归视图，逻辑的归逻辑，所见及所得，更加直观。</p><ol><li>可拖拽进度条</li><li>音量控制</li><li>根据当前带宽自适应码率切换</li><li>手动清晰度切换</li><li>倍速播放</li><li>样式自定义覆盖</li><li><code>hls</code>协议标准加密视频播放</li><li>基于原生开发，可在所有框架运行，统一跨框架情况</li><li>各浏览器控件统一</li></ol><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-player style="display:block;width:100%;max-width:600px;height:300px;" src="/ran/hls/example.m3u8"></r-player><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;/ran/hls/example.m3u8&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="src" tabindex="-1">src <a class="header-anchor" href="#src" aria-label="Permalink to &quot;src&quot;">​</a></h3><p>视频的资源地址</p><h3 id="volume" tabindex="-1">volume <a class="header-anchor" href="#volume" aria-label="Permalink to &quot;volume&quot;">​</a></h3><p>设置初始音量，默认 0.5</p><h3 id="currenttime" tabindex="-1">currentTime <a class="header-anchor" href="#currenttime" aria-label="Permalink to &quot;currentTime&quot;">​</a></h3><p>设置初始播放时间，默认从头开始播放</p><h3 id="playbackrate" tabindex="-1">playbackRate <a class="header-anchor" href="#playbackrate" aria-label="Permalink to &quot;playbackRate&quot;">​</a></h3><p>设置倍速，默认 1.0</p><h3 id="debug" tabindex="-1">debug <a class="header-anchor" href="#debug" aria-label="Permalink to &quot;debug&quot;">​</a></h3><p>控制台会打印输出一些信息</p><h2 id="事件event" tabindex="-1">事件<code>event</code> <a class="header-anchor" href="#事件event" aria-label="Permalink to &quot;事件`event`&quot;">​</a></h2><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>监听任何播放器发生的变化，返回的值如下。</p><p>可通过这个方法获得<code>播放器的实例</code>。</p><p>活着通过<code>type</code>判断不同的事件类型，进行不同的操作</p><table tabindex="0"><thead><tr><th>属性</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>type</td><td>发生变化的事件类型</td><td><code>string</code></td></tr><tr><td>data</td><td>事件的值</td><td><code>Object</code></td></tr><tr><td>currentTime</td><td>播放的当前时间</td><td><code>number</code></td></tr><tr><td>duration</td><td>视频的总时长</td><td><code>number</code></td></tr><tr><td>tag</td><td>播放器的实例</td><td><code>Element</code></td></tr></tbody></table><p>其中<code>type</code>类型有</p><table tabindex="0"><thead><tr><th>名称</th><th>说明</th></tr></thead><tbody><tr><td>canplay</td><td>浏览器可以播放媒体文件了，但估计没有足够的数据来支撑播放到结束，不必停下来进一步缓冲内容。</td></tr><tr><td>canplaythrough</td><td>浏览器估计它可以在不停止内容缓冲的情况下播放媒体直到结束。</td></tr><tr><td>complete</td><td>OfflineAudioContext 渲染完成。</td></tr><tr><td>durationchange</td><td>duration 属性的值改变时触发。</td></tr><tr><td>emptied</td><td>媒体内容变为空；例如，当这个 media 已经加载完成（或者部分加载完成），则发送此事件，并调用 load() 方法重新加载它。</td></tr><tr><td>ended</td><td>视频停止播放，因为 media 已经到达结束点。</td></tr><tr><td>loadedmetadata</td><td>已加载元数据。</td></tr><tr><td>progress</td><td>在浏览器加载资源时周期性触发。</td></tr><tr><td>ratechange</td><td>播放速率发生变化。</td></tr><tr><td>seeked</td><td>跳帧（seek）操作完成。</td></tr><tr><td>seeking</td><td>跳帧（seek）操作开始。</td></tr><tr><td>stalled</td><td>用户代理（user agent）正在尝试获取媒体数据，但数据意外未出现。</td></tr><tr><td>suspend</td><td>媒体数据加载已暂停。</td></tr><tr><td>loadeddata</td><td>media 中的首帧已经完成加载。</td></tr><tr><td>timeupdate</td><td>currentTime 属性指定的时间发生变化。</td></tr><tr><td>volumechange</td><td>音量发生变化。</td></tr><tr><td>waiting</td><td>由于暂时缺少数据，播放已停止。</td></tr><tr><td>play</td><td>播放已开始。</td></tr><tr><td>playing</td><td>由于缺乏数据而暂停或延迟后，播放准备开始。</td></tr><tr><td>pause</td><td>播放已暂停。</td></tr><tr><td>volume</td><td>音量发生变化。</td></tr><tr><td>fullscreen</td><td>触发全屏事件</td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/select/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Select 选择框</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/progress/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Progress 进度条</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/player/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/player/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button 按钮</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon 图标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading 加载中</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据展示</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image 图片</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/math/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math 数学公式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox 多选框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs 标签页</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview 预览</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar 雷达图</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select 选择框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player 视频播放器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress 进度条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover 气泡卡片</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据录入</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input 输入框</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>反馈</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message 全局提示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton 骨架屏</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranui_player_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="r-player-视频播放器" tabindex="-1">r-player 视频播放器 <a class="header-anchor" href="#r-player-视频播放器" aria-label="Permalink to &quot;r-player 视频播放器&quot;">​</a></h1><p>基于<code>hlsjs</code>和<code>web components</code>，让原生的标签<code>r-player</code>拥有统一的视频控件。 不采用<code>new Player(options)</code>的方式挂载到指定<code>dom</code>，视图的归视图，逻辑的归逻辑，所见及所得，更加直观。</p><ol><li>可拖拽进度条</li><li>音量控制</li><li>根据当前带宽自适应码率切换</li><li>手动清晰度切换</li><li>倍速播放</li><li>样式自定义覆盖</li><li><code>hls</code>协议标准加密视频播放</li><li>基于原生开发，可在所有框架运行，统一跨框架情况</li><li>各浏览器控件统一</li></ol><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><r-player style="display:block;width:100%;max-width:600px;height:300px;" src="/ran/hls/example.m3u8"></r-player><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;/ran/hls/example.m3u8&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="src" tabindex="-1">src <a class="header-anchor" href="#src" aria-label="Permalink to &quot;src&quot;">​</a></h3><p>视频的资源地址</p><h3 id="volume" tabindex="-1">volume <a class="header-anchor" href="#volume" aria-label="Permalink to &quot;volume&quot;">​</a></h3><p>设置初始音量，默认 0.5</p><h3 id="currenttime" tabindex="-1">currentTime <a class="header-anchor" href="#currenttime" aria-label="Permalink to &quot;currentTime&quot;">​</a></h3><p>设置初始播放时间，默认从头开始播放</p><h3 id="playbackrate" tabindex="-1">playbackRate <a class="header-anchor" href="#playbackrate" aria-label="Permalink to &quot;playbackRate&quot;">​</a></h3><p>设置倍速，默认 1.0</p><h3 id="debug" tabindex="-1">debug <a class="header-anchor" href="#debug" aria-label="Permalink to &quot;debug&quot;">​</a></h3><p>控制台会打印输出一些信息</p><h2 id="事件event" tabindex="-1">事件<code>event</code> <a class="header-anchor" href="#事件event" aria-label="Permalink to &quot;事件`event`&quot;">​</a></h2><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>监听任何播放器发生的变化，返回的值如下。</p><p>可通过这个方法获得<code>播放器的实例</code>。</p><p>活着通过<code>type</code>判断不同的事件类型，进行不同的操作</p><table tabindex="0"><thead><tr><th>属性</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>type</td><td>发生变化的事件类型</td><td><code>string</code></td></tr><tr><td>data</td><td>事件的值</td><td><code>Object</code></td></tr><tr><td>currentTime</td><td>播放的当前时间</td><td><code>number</code></td></tr><tr><td>duration</td><td>视频的总时长</td><td><code>number</code></td></tr><tr><td>tag</td><td>播放器的实例</td><td><code>Element</code></td></tr></tbody></table><p>其中<code>type</code>类型有</p><table tabindex="0"><thead><tr><th>名称</th><th>说明</th></tr></thead><tbody><tr><td>canplay</td><td>浏览器可以播放媒体文件了，但估计没有足够的数据来支撑播放到结束，不必停下来进一步缓冲内容。</td></tr><tr><td>canplaythrough</td><td>浏览器估计它可以在不停止内容缓冲的情况下播放媒体直到结束。</td></tr><tr><td>complete</td><td>OfflineAudioContext 渲染完成。</td></tr><tr><td>durationchange</td><td>duration 属性的值改变时触发。</td></tr><tr><td>emptied</td><td>媒体内容变为空；例如，当这个 media 已经加载完成（或者部分加载完成），则发送此事件，并调用 load() 方法重新加载它。</td></tr><tr><td>ended</td><td>视频停止播放，因为 media 已经到达结束点。</td></tr><tr><td>loadedmetadata</td><td>已加载元数据。</td></tr><tr><td>progress</td><td>在浏览器加载资源时周期性触发。</td></tr><tr><td>ratechange</td><td>播放速率发生变化。</td></tr><tr><td>seeked</td><td>跳帧（seek）操作完成。</td></tr><tr><td>seeking</td><td>跳帧（seek）操作开始。</td></tr><tr><td>stalled</td><td>用户代理（user agent）正在尝试获取媒体数据，但数据意外未出现。</td></tr><tr><td>suspend</td><td>媒体数据加载已暂停。</td></tr><tr><td>loadeddata</td><td>media 中的首帧已经完成加载。</td></tr><tr><td>timeupdate</td><td>currentTime 属性指定的时间发生变化。</td></tr><tr><td>volumechange</td><td>音量发生变化。</td></tr><tr><td>waiting</td><td>由于暂时缺少数据，播放已停止。</td></tr><tr><td>play</td><td>播放已开始。</td></tr><tr><td>playing</td><td>由于缺乏数据而暂停或延迟后，播放准备开始。</td></tr><tr><td>pause</td><td>播放已暂停。</td></tr><tr><td>volume</td><td>音量发生变化。</td></tr><tr><td>fullscreen</td><td>触发全屏事件</td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/select/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Select 选择框</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/progress/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Progress 进度条</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranui/popover/index.html b/cn/src/ranui/popover/index.html
index ccf5332afc..50c0d68be8 100644
--- a/cn/src/ranui/popover/index.html
+++ b/cn/src/ranui/popover/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_popover_index.md.YQ2K5eFD.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_popover_index.md.CKCBCC0z.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -67,8 +67,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;top&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-popover</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/progress/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Progress 进度条</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/input/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Input 输入框</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-popover</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/progress/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Progress 进度条</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/input/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Input 输入框</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranui/preview/index.html b/cn/src/ranui/preview/index.html
index a1c83d091b..1b91b5c75e 100644
--- a/cn/src/ranui/preview/index.html
+++ b/cn/src/ranui/preview/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_preview_index.md.MwV2D84f.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_preview_index.md.HNgH1cdk.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -61,8 +61,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      }</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    };</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  };</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="资源地址src" tabindex="-1">资源地址<code>src</code> <a class="header-anchor" href="#资源地址src" aria-label="Permalink to &quot;资源地址`src`&quot;">​</a></h3><p>有 <code>src</code> 地址即可打开弹窗，没有<code>src</code>就不展示</p><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="是否可关闭closeable" tabindex="-1">是否可关闭<code>closeable</code> <a class="header-anchor" href="#是否可关闭closeable" aria-label="Permalink to &quot;是否可关闭`closeable`&quot;">​</a></h3><p><code>closeable</code> 默认为 <code>true</code> ，可以关闭，设置成 <code>false</code> 时， 表示不可关闭，将不会展示右上角的关闭按钮</p><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> closeable</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/tabs/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Tabs 标签页</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/radar/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Radar 雷达图</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="属性" tabindex="-1">属性 <a class="header-anchor" href="#属性" aria-label="Permalink to &quot;属性&quot;">​</a></h2><h3 id="资源地址src" tabindex="-1">资源地址<code>src</code> <a class="header-anchor" href="#资源地址src" aria-label="Permalink to &quot;资源地址`src`&quot;">​</a></h3><p>有 <code>src</code> 地址即可打开弹窗，没有<code>src</code>就不展示</p><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="是否可关闭closeable" tabindex="-1">是否可关闭<code>closeable</code> <a class="header-anchor" href="#是否可关闭closeable" aria-label="Permalink to &quot;是否可关闭`closeable`&quot;">​</a></h3><p><code>closeable</code> 默认为 <code>true</code> ，可以关闭，设置成 <code>false</code> 时， 表示不可关闭，将不会展示右上角的关闭按钮</p><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> closeable</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/tabs/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Tabs 标签页</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/radar/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Radar 雷达图</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranui/progress/index.html b/cn/src/ranui/progress/index.html
index a3ffcc3502..247ad75407 100644
--- a/cn/src/ranui/progress/index.html
+++ b/cn/src/ranui/progress/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_progress_index.md.BhrzleOl.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_progress_index.md.B6p9KAvb.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -48,8 +48,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="进度条的点dot" tabindex="-1">进度条的点<code>dot</code> <a class="header-anchor" href="#进度条的点dot" aria-label="Permalink to &quot;进度条的点`dot`&quot;">​</a></h3><p>默认展示，设置成<code>false</code>可隐藏</p><r-progress type="drag" percent="30%" dot="false"></r-progress><div style="height:20px;width:10px;"></div><r-progress type="primary" percent="40%" dot="true"></r-progress><div style="height:20px;width:10px;"></div><r-progress type="primary" percent="40%"></r-progress><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="类型type" tabindex="-1">类型<code>type</code> <a class="header-anchor" href="#类型type" aria-label="Permalink to &quot;类型`type`&quot;">​</a></h3><ul><li><code>primary</code>: 默认的进度条，不设置<code>type</code>属性是默认</li><li><code>drag</code>: 可拖动，可点击的进度条（拖动需要设置<code>dot</code>为<code>true</code>）</li></ul><r-progress type="drag" percent="30%"></r-progress><div style="height:20px;width:10px;"></div><r-progress type="primary" percent="40%"></r-progress><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="方法" tabindex="-1">方法 <a class="header-anchor" href="#方法" aria-label="Permalink to &quot;方法&quot;">​</a></h2><h3 id="change" tabindex="-1"><code>change</code> <a class="header-anchor" href="#change" aria-label="Permalink to &quot;`change`&quot;">​</a></h3><p>当<code>percent</code>和<code>total</code>属性发生变化时，触发<code>change</code>事件。</p><table tabindex="0"><thead><tr><th>属性</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>value</td><td>当前进度</td><td><code>string｜number</code></td></tr><tr><td>percent</td><td>当前进度</td><td><code>string｜number</code></td></tr><tr><td>total</td><td>总进度</td><td><code>string｜number</code></td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/player/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Player 视频播放器</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/popover/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Popover 气泡卡片</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="类型type" tabindex="-1">类型<code>type</code> <a class="header-anchor" href="#类型type" aria-label="Permalink to &quot;类型`type`&quot;">​</a></h3><ul><li><code>primary</code>: 默认的进度条，不设置<code>type</code>属性是默认</li><li><code>drag</code>: 可拖动，可点击的进度条（拖动需要设置<code>dot</code>为<code>true</code>）</li></ul><r-progress type="drag" percent="30%"></r-progress><div style="height:20px;width:10px;"></div><r-progress type="primary" percent="40%"></r-progress><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="方法" tabindex="-1">方法 <a class="header-anchor" href="#方法" aria-label="Permalink to &quot;方法&quot;">​</a></h2><h3 id="change" tabindex="-1"><code>change</code> <a class="header-anchor" href="#change" aria-label="Permalink to &quot;`change`&quot;">​</a></h3><p>当<code>percent</code>和<code>total</code>属性发生变化时，触发<code>change</code>事件。</p><table tabindex="0"><thead><tr><th>属性</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>value</td><td>当前进度</td><td><code>string｜number</code></td></tr><tr><td>percent</td><td>当前进度</td><td><code>string｜number</code></td></tr><tr><td>total</td><td>总进度</td><td><code>string｜number</code></td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/player/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Player 视频播放器</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/popover/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Popover 气泡卡片</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranui/radar/index.html b/cn/src/ranui/radar/index.html
index b13a4cbc25..5279b9f3cc 100644
--- a/cn/src/ranui/radar/index.html
+++ b/cn/src/ranui/radar/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_radar_index.md.JUC5Tblz.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_radar_index.md.D7lwGVbW.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -96,8 +96,8 @@
 <span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">    &quot;abilityName&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;暴击伤害&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
 <span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">    &quot;scoreRate&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;50&quot;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/preview/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Preview 预览</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/select/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Select 选择框</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/preview/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Preview 预览</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/select/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Select 选择框</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranui/select/index.html b/cn/src/ranui/select/index.html
index 00758e2169..bc18ec657a 100644
--- a/cn/src/ranui/select/index.html
+++ b/cn/src/ranui/select/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_select_index.md.CqrSnS3F.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_select_index.md.x3hqXtMG.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -83,8 +83,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;185&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Mike&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;186&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Tom&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;187&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Lucy&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-select</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/radar/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Radar 雷达图</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/player/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Player 视频播放器</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-select</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/radar/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Radar 雷达图</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/player/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Player 视频播放器</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranui/skeleton/index.html b/cn/src/ranui/skeleton/index.html
index 169bf36cb6..8fa432fe52 100644
--- a/cn/src/ranui/skeleton/index.html
+++ b/cn/src/ranui/skeleton/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_skeleton_index.md.DfgRdP5t.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_skeleton_index.md.CxsOeOpu.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/skeleton/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/skeleton/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button 按钮</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon 图标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading 加载中</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据展示</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image 图片</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/math/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math 数学公式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox 多选框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs 标签页</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview 预览</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar 雷达图</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select 选择框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player 视频播放器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress 进度条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover 气泡卡片</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据录入</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input 输入框</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>反馈</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message 全局提示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton 骨架屏</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranui_skeleton_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="skeleton-骨架屏" tabindex="-1">skeleton 骨架屏 <a class="header-anchor" href="#skeleton-骨架屏" aria-label="Permalink to &quot;skeleton 骨架屏&quot;">​</a></h1><p>在需要等待加载内容的位置提供一个占位图形组合。</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><p>骨架长度跟随父级元素的长度</p><div style="width:100px;margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="width:200px;margin-top:10px;"><r-skeleton></r-skeleton></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/message/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Message 全局提示</span><!--]--></a></div><div class="pager" data-v-00ab7d08><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/skeleton/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranui/skeleton/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button 按钮</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon 图标</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading 加载中</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据展示</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image 图片</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/math/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math 数学公式</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox 多选框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs 标签页</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview 预览</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar 雷达图</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select 选择框</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player 视频播放器</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress 进度条</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover 气泡卡片</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>数据录入</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input 输入框</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>反馈</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message 全局提示</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton 骨架屏</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranui_skeleton_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="skeleton-骨架屏" tabindex="-1">skeleton 骨架屏 <a class="header-anchor" href="#skeleton-骨架屏" aria-label="Permalink to &quot;skeleton 骨架屏&quot;">​</a></h1><p>在需要等待加载内容的位置提供一个占位图形组合。</p><h2 id="代码演示" tabindex="-1">代码演示 <a class="header-anchor" href="#代码演示" aria-label="Permalink to &quot;代码演示&quot;">​</a></h2><p>骨架长度跟随父级元素的长度</p><div style="width:100px;margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="width:200px;margin-top:10px;"><r-skeleton></r-skeleton></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/message/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Message 全局提示</span><!--]--></a></div><div class="pager" data-v-00ab7d08><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranui/tab/index.html b/cn/src/ranui/tab/index.html
index ac69cdc0be..e70349fbd7 100644
--- a/cn/src/ranui/tab/index.html
+++ b/cn/src/ranui/tab/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_tab_index.md.BlcshkmY.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_tab_index.md._Yrr2Do-.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -84,8 +84,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;11111&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab2&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;22222&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab3&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;33333&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview 总览</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview 总览</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranui/tabs/index.html b/cn/src/ranui/tabs/index.html
index 297dd028ed..bed5460cf3 100644
--- a/cn/src/ranui/tabs/index.html
+++ b/cn/src/ranui/tabs/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_tabs_index.md.BnLsjdMq.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranui_tabs_index.md.Y6X6hlvp.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -66,8 +66,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;home&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> iconSize</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;22&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;tab1&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;message&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> iconSize</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;22&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;tab2&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> iconSize</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;22&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;tab3&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="风格type" tabindex="-1">风格<code>type</code> <a class="header-anchor" href="#风格type" aria-label="Permalink to &quot;风格`type`&quot;">​</a></h3><p>风格有 text，clean,</p><h3 id="对齐align" tabindex="-1">对齐<code>align</code> <a class="header-anchor" href="#对齐align" aria-label="Permalink to &quot;对齐`align`&quot;">​</a></h3><h2 id="事件event" tabindex="-1">事件<code>event</code> <a class="header-anchor" href="#事件event" aria-label="Permalink to &quot;事件`event`&quot;">​</a></h2><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>切换完成时触发。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/checkbox/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>CheckBox 多选框</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/preview/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Preview 预览</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="风格type" tabindex="-1">风格<code>type</code> <a class="header-anchor" href="#风格type" aria-label="Permalink to &quot;风格`type`&quot;">​</a></h3><p>风格有 text，clean,</p><h3 id="对齐align" tabindex="-1">对齐<code>align</code> <a class="header-anchor" href="#对齐align" aria-label="Permalink to &quot;对齐`align`&quot;">​</a></h3><h2 id="事件event" tabindex="-1">事件<code>event</code> <a class="header-anchor" href="#事件event" aria-label="Permalink to &quot;事件`event`&quot;">​</a></h2><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>切换完成时触发。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranui/checkbox/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>CheckBox 多选框</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranui/preview/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Preview 预览</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranuts/binaryTree/index.html b/cn/src/ranuts/binaryTree/index.html
index 9bf83c6d07..43e043179a 100644
--- a/cn/src/ranuts/binaryTree/index.html
+++ b/cn/src/ranuts/binaryTree/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/balanceTree.CCEoBiag.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_binaryTree_index.md.CoTPSG40.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_binaryTree_index.md.B0ahr_Mn.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,14 +37,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/binaryTree/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/binaryTree/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用函数</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>过滤对象</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>统计执行时间</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>字符串转 xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>图片转 base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR 文字识别`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>文件</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>查询一个文件的详细信息</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取目录下的文件名称</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>监听文件是否改变</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>追加文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>写入文件内容</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>设计模式</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>发布订阅模式</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>通过文件后缀获取 mime type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranuts_binaryTree_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="二叉树的定义" tabindex="-1">二叉树的定义 <a class="header-anchor" href="#二叉树的定义" aria-label="Permalink to &quot;二叉树的定义&quot;">​</a></h1><p>在计算机科学中，二叉树（Binary tree）是每个节点最多只有两个分支（即不存在分支度大于 2 的节点）的树结构。通常分支被称作“左子树”或“右子树”。二叉树的分支具有左右次序，不能随意颠倒<a href="#参考文档"><sup>[1]</sup></a>。。</p><h1 id="二叉树的性质" tabindex="-1">二叉树的性质 <a class="header-anchor" href="#二叉树的性质" aria-label="Permalink to &quot;二叉树的性质&quot;">​</a></h1><ul><li>在二叉树的第 i 层上最多有 2^(i-1)个结点（i&gt;=1）</li><li>深度为 h 的二叉树，最多有 2^h-1 个结点，最少有 h 个结点（h&gt;=1）</li><li>包含 n 个结点的二叉树的高度至少为(log2n)+1</li><li>非空的二叉树，分支度为 0 的总数为 n0，分支度为 2 的总数为 n2，则 n0=n2+1</li><li>二叉树的总结点数 n = n1 + n2 + n0</li><li>总连线数等于总节点数减一(B = n - 1)</li><li>总连线数等于分支度为 2 的节点的两倍加上分支度为 1 的节点(B = n2 _ 2 + n1 _ 1)</li></ul><h1 id="二叉树的类型" tabindex="-1">二叉树的类型 <a class="header-anchor" href="#二叉树的类型" aria-label="Permalink to &quot;二叉树的类型&quot;">​</a></h1><h2 id="满二叉树" tabindex="-1">满二叉树 <a class="header-anchor" href="#满二叉树" aria-label="Permalink to &quot;满二叉树&quot;">​</a></h2><p>一棵深度为 k 且有 2k-1 个节点的二叉树称为满二叉树。 除最后一层无任何子节点外，每一层上的所有结点都有两个子结点的二叉树<a href="#参考文档"><sup>[2]</sup></a>。</p><h2 id="完全二叉树" tabindex="-1">完全二叉树 <a class="header-anchor" href="#完全二叉树" aria-label="Permalink to &quot;完全二叉树&quot;">​</a></h2><p>一棵深度为 k 的有 n 个结点的二叉树，对树中的结点按从上至下、从左到右的顺序进行编号，如果编号为 i（1≤i≤n）的结点与满二叉树中编号为 i 的结点在二叉树中的位置相同，则这棵二叉树称为完全二叉树。</p><h2 id="二叉搜索树" tabindex="-1">二叉搜索树 <a class="header-anchor" href="#二叉搜索树" aria-label="Permalink to &quot;二叉搜索树&quot;">​</a></h2><p>二叉搜索树（BST）又称二叉查找树或二叉排序树。它或者是一棵空树，或者是具有下列性质的二叉树： 若它的左子树不空，则左子树上所有结点的值均小于它的根结点的值； 若它的右子树不空，则右子树上所有结点的值均大于它的根结点的值； 它的左、右子树也分别为二叉排序树。</p><h2 id="平衡二叉树" tabindex="-1">平衡二叉树 <a class="header-anchor" href="#平衡二叉树" aria-label="Permalink to &quot;平衡二叉树&quot;">​</a></h2><p>平衡二叉树(AVL)一定是二叉搜索树，且左子树和右子树的高度差的绝对值不超过 1。 <img src="/ran/assets/balanceTree.DP_9yIkO.png" alt="平衡二叉树"></p><h2 id="b-树" tabindex="-1">B 树 <a class="header-anchor" href="#b-树" aria-label="Permalink to &quot;B 树&quot;">​</a></h2><p>B 树属于多叉树又名平衡多路查找树（查找路径不只两个）</p><h2 id="b-树-1" tabindex="-1">B+树 <a class="header-anchor" href="#b-树-1" aria-label="Permalink to &quot;B+树&quot;">​</a></h2><p>B+树是 B 树的变体，也是一种多路搜索树。</p><h2 id="b-树-2" tabindex="-1">B*树 <a class="header-anchor" href="#b-树-2" aria-label="Permalink to &quot;B\*树&quot;">​</a></h2><p>B* 树是 B+树的变体，在 B+树的非根和非叶子结点再增加指向兄弟的指针；B* 树定义了非叶子结点关键字个数至少为(2/3)<em>M，即块的最低使用率为 2/3（代替 B+树的 1/2）。B</em> 树分配新结点的概率比 B+树要低，空间使用率更高；</p><h2 id="红黑树" tabindex="-1">红黑树 <a class="header-anchor" href="#红黑树" aria-label="Permalink to &quot;红黑树&quot;">​</a></h2><p>红黑树是一种平衡二叉查找树的变体，它的左右子树高差有可能大于 1，所以红黑树不是严格意义上的平衡二叉树（AVL），但对它进行平衡的代价较低， 其平均统计性能要强于 AVL 。</p><h2 id="堆" tabindex="-1">堆 <a class="header-anchor" href="#堆" aria-label="Permalink to &quot;堆&quot;">​</a></h2><h1 id="遍历" tabindex="-1">遍历 <a class="header-anchor" href="#遍历" aria-label="Permalink to &quot;遍历&quot;">​</a></h1><h2 id="前序遍历" tabindex="-1">前序遍历 <a class="header-anchor" href="#前序遍历" aria-label="Permalink to &quot;前序遍历&quot;">​</a></h2><h2 id="后序遍历" tabindex="-1">后序遍历 <a class="header-anchor" href="#后序遍历" aria-label="Permalink to &quot;后序遍历&quot;">​</a></h2><h2 id="中序遍历" tabindex="-1">中序遍历 <a class="header-anchor" href="#中序遍历" aria-label="Permalink to &quot;中序遍历&quot;">​</a></h2><h2 id="层序遍历" tabindex="-1">层序遍历 <a class="header-anchor" href="#层序遍历" aria-label="Permalink to &quot;层序遍历&quot;">​</a></h2><h1 id="常见算法题" tabindex="-1">常见算法题 <a class="header-anchor" href="#常见算法题" aria-label="Permalink to &quot;常见算法题&quot;">​</a></h1><h2 id="镜像二叉树" tabindex="-1">镜像二叉树 <a class="header-anchor" href="#镜像二叉树" aria-label="Permalink to &quot;镜像二叉树&quot;">​</a></h2><h2 id="重建二叉树" tabindex="-1">重建二叉树 <a class="header-anchor" href="#重建二叉树" aria-label="Permalink to &quot;重建二叉树&quot;">​</a></h2><h2 id="二叉树深度" tabindex="-1">二叉树深度 <a class="header-anchor" href="#二叉树深度" aria-label="Permalink to &quot;二叉树深度&quot;">​</a></h2><h2 id="二叉树节点总数" tabindex="-1">二叉树节点总数 <a class="header-anchor" href="#二叉树节点总数" aria-label="Permalink to &quot;二叉树节点总数&quot;">​</a></h2><h2 id="判断二叉树子结构" tabindex="-1">判断二叉树子结构 <a class="header-anchor" href="#判断二叉树子结构" aria-label="Permalink to &quot;判断二叉树子结构&quot;">​</a></h2><p>输入两棵二叉树 A 和 B，判断 B 是不是 A 的子结构。（ps：约定空树不是任意一个树的子结构）</p><h1 id="参考文档" tabindex="-1">参考文档 <a class="header-anchor" href="#参考文档" aria-label="Permalink to &quot;参考文档&quot;">​</a></h1><ol><li><a href="https://zh.wikipedia.org/wiki/%E4%BA%8C%E5%8F%89%E6%A0%91" target="_blank" rel="noreferrer">维基百科二叉树</a></li><li><a href="https://baike.baidu.com/item/%E6%BB%A1%E4%BA%8C%E5%8F%89%E6%A0%91/7773283" target="_blank" rel="noreferrer">百度百科满二叉树</a></li></ol></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview 总览</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/binaryTree/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/binaryTree/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用函数</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>过滤对象</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>统计执行时间</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>字符串转 xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>图片转 base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR 文字识别`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>文件</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>查询一个文件的详细信息</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取目录下的文件名称</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>监听文件是否改变</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>追加文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>写入文件内容</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>设计模式</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>发布订阅模式</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>通过文件后缀获取 mime type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranuts_binaryTree_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="二叉树的定义" tabindex="-1">二叉树的定义 <a class="header-anchor" href="#二叉树的定义" aria-label="Permalink to &quot;二叉树的定义&quot;">​</a></h1><p>在计算机科学中，二叉树（Binary tree）是每个节点最多只有两个分支（即不存在分支度大于 2 的节点）的树结构。通常分支被称作“左子树”或“右子树”。二叉树的分支具有左右次序，不能随意颠倒<a href="#参考文档"><sup>[1]</sup></a>。。</p><h1 id="二叉树的性质" tabindex="-1">二叉树的性质 <a class="header-anchor" href="#二叉树的性质" aria-label="Permalink to &quot;二叉树的性质&quot;">​</a></h1><ul><li>在二叉树的第 i 层上最多有 2^(i-1)个结点（i&gt;=1）</li><li>深度为 h 的二叉树，最多有 2^h-1 个结点，最少有 h 个结点（h&gt;=1）</li><li>包含 n 个结点的二叉树的高度至少为(log2n)+1</li><li>非空的二叉树，分支度为 0 的总数为 n0，分支度为 2 的总数为 n2，则 n0=n2+1</li><li>二叉树的总结点数 n = n1 + n2 + n0</li><li>总连线数等于总节点数减一(B = n - 1)</li><li>总连线数等于分支度为 2 的节点的两倍加上分支度为 1 的节点(B = n2 _ 2 + n1 _ 1)</li></ul><h1 id="二叉树的类型" tabindex="-1">二叉树的类型 <a class="header-anchor" href="#二叉树的类型" aria-label="Permalink to &quot;二叉树的类型&quot;">​</a></h1><h2 id="满二叉树" tabindex="-1">满二叉树 <a class="header-anchor" href="#满二叉树" aria-label="Permalink to &quot;满二叉树&quot;">​</a></h2><p>一棵深度为 k 且有 2k-1 个节点的二叉树称为满二叉树。 除最后一层无任何子节点外，每一层上的所有结点都有两个子结点的二叉树<a href="#参考文档"><sup>[2]</sup></a>。</p><h2 id="完全二叉树" tabindex="-1">完全二叉树 <a class="header-anchor" href="#完全二叉树" aria-label="Permalink to &quot;完全二叉树&quot;">​</a></h2><p>一棵深度为 k 的有 n 个结点的二叉树，对树中的结点按从上至下、从左到右的顺序进行编号，如果编号为 i（1≤i≤n）的结点与满二叉树中编号为 i 的结点在二叉树中的位置相同，则这棵二叉树称为完全二叉树。</p><h2 id="二叉搜索树" tabindex="-1">二叉搜索树 <a class="header-anchor" href="#二叉搜索树" aria-label="Permalink to &quot;二叉搜索树&quot;">​</a></h2><p>二叉搜索树（BST）又称二叉查找树或二叉排序树。它或者是一棵空树，或者是具有下列性质的二叉树： 若它的左子树不空，则左子树上所有结点的值均小于它的根结点的值； 若它的右子树不空，则右子树上所有结点的值均大于它的根结点的值； 它的左、右子树也分别为二叉排序树。</p><h2 id="平衡二叉树" tabindex="-1">平衡二叉树 <a class="header-anchor" href="#平衡二叉树" aria-label="Permalink to &quot;平衡二叉树&quot;">​</a></h2><p>平衡二叉树(AVL)一定是二叉搜索树，且左子树和右子树的高度差的绝对值不超过 1。 <img src="/ran/assets/balanceTree.DP_9yIkO.png" alt="平衡二叉树"></p><h2 id="b-树" tabindex="-1">B 树 <a class="header-anchor" href="#b-树" aria-label="Permalink to &quot;B 树&quot;">​</a></h2><p>B 树属于多叉树又名平衡多路查找树（查找路径不只两个）</p><h2 id="b-树-1" tabindex="-1">B+树 <a class="header-anchor" href="#b-树-1" aria-label="Permalink to &quot;B+树&quot;">​</a></h2><p>B+树是 B 树的变体，也是一种多路搜索树。</p><h2 id="b-树-2" tabindex="-1">B*树 <a class="header-anchor" href="#b-树-2" aria-label="Permalink to &quot;B\*树&quot;">​</a></h2><p>B* 树是 B+树的变体，在 B+树的非根和非叶子结点再增加指向兄弟的指针；B* 树定义了非叶子结点关键字个数至少为(2/3)<em>M，即块的最低使用率为 2/3（代替 B+树的 1/2）。B</em> 树分配新结点的概率比 B+树要低，空间使用率更高；</p><h2 id="红黑树" tabindex="-1">红黑树 <a class="header-anchor" href="#红黑树" aria-label="Permalink to &quot;红黑树&quot;">​</a></h2><p>红黑树是一种平衡二叉查找树的变体，它的左右子树高差有可能大于 1，所以红黑树不是严格意义上的平衡二叉树（AVL），但对它进行平衡的代价较低， 其平均统计性能要强于 AVL 。</p><h2 id="堆" tabindex="-1">堆 <a class="header-anchor" href="#堆" aria-label="Permalink to &quot;堆&quot;">​</a></h2><h1 id="遍历" tabindex="-1">遍历 <a class="header-anchor" href="#遍历" aria-label="Permalink to &quot;遍历&quot;">​</a></h1><h2 id="前序遍历" tabindex="-1">前序遍历 <a class="header-anchor" href="#前序遍历" aria-label="Permalink to &quot;前序遍历&quot;">​</a></h2><h2 id="后序遍历" tabindex="-1">后序遍历 <a class="header-anchor" href="#后序遍历" aria-label="Permalink to &quot;后序遍历&quot;">​</a></h2><h2 id="中序遍历" tabindex="-1">中序遍历 <a class="header-anchor" href="#中序遍历" aria-label="Permalink to &quot;中序遍历&quot;">​</a></h2><h2 id="层序遍历" tabindex="-1">层序遍历 <a class="header-anchor" href="#层序遍历" aria-label="Permalink to &quot;层序遍历&quot;">​</a></h2><h1 id="常见算法题" tabindex="-1">常见算法题 <a class="header-anchor" href="#常见算法题" aria-label="Permalink to &quot;常见算法题&quot;">​</a></h1><h2 id="镜像二叉树" tabindex="-1">镜像二叉树 <a class="header-anchor" href="#镜像二叉树" aria-label="Permalink to &quot;镜像二叉树&quot;">​</a></h2><h2 id="重建二叉树" tabindex="-1">重建二叉树 <a class="header-anchor" href="#重建二叉树" aria-label="Permalink to &quot;重建二叉树&quot;">​</a></h2><h2 id="二叉树深度" tabindex="-1">二叉树深度 <a class="header-anchor" href="#二叉树深度" aria-label="Permalink to &quot;二叉树深度&quot;">​</a></h2><h2 id="二叉树节点总数" tabindex="-1">二叉树节点总数 <a class="header-anchor" href="#二叉树节点总数" aria-label="Permalink to &quot;二叉树节点总数&quot;">​</a></h2><h2 id="判断二叉树子结构" tabindex="-1">判断二叉树子结构 <a class="header-anchor" href="#判断二叉树子结构" aria-label="Permalink to &quot;判断二叉树子结构&quot;">​</a></h2><p>输入两棵二叉树 A 和 B，判断 B 是不是 A 的子结构。（ps：约定空树不是任意一个树的子结构）</p><h1 id="参考文档" tabindex="-1">参考文档 <a class="header-anchor" href="#参考文档" aria-label="Permalink to &quot;参考文档&quot;">​</a></h1><ol><li><a href="https://zh.wikipedia.org/wiki/%E4%BA%8C%E5%8F%89%E6%A0%91" target="_blank" rel="noreferrer">维基百科二叉树</a></li><li><a href="https://baike.baidu.com/item/%E6%BB%A1%E4%BA%8C%E5%8F%89%E6%A0%91/7773283" target="_blank" rel="noreferrer">百度百科满二叉树</a></li></ol></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview 总览</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranuts/bundler/index.html b/cn/src/ranuts/bundler/index.html
index 78c4cba931..b5234b4a55 100644
--- a/cn/src/ranuts/bundler/index.html
+++ b/cn/src/ranuts/bundler/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/bundle.BxrzsuA1.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_bundler_index.md.Bui4hlUf.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_bundler_index.md.DwAuuXbu.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -52,8 +52,8 @@
 <span class="line"><span>      generate: () =&gt; bundle.render()</span></span>
 <span class="line"><span>    };</span></span>
 <span class="line"><span>  });</span></span>
-<span class="line"><span>}</span></span></code></pre></div><p>架构图</p><p><img src="/ran/assets/bundle.bky0NmdF.png" alt=""></p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview 总览</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span>}</span></span></code></pre></div><p>架构图</p><p><img src="/ran/assets/bundle.bky0NmdF.png" alt=""></p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview 总览</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranuts/file/appendFile.html b/cn/src/ranuts/file/appendFile.html
index f8f38d359c..68b0986d86 100644
--- a/cn/src/ranuts/file/appendFile.html
+++ b/cn/src/ranuts/file/appendFile.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_file_appendFile.md.CYzaDkUO.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_file_appendFile.md.B63KmkE8.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/appendFile.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/appendFile.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用函数</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>过滤对象</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>统计执行时间</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>字符串转 xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>图片转 base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR 文字识别`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>文件</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>查询一个文件的详细信息</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取目录下的文件名称</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>监听文件是否改变</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>追加文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>写入文件内容</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>设计模式</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>发布订阅模式</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>通过文件后缀获取 mime type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranuts_file_appendFile" data-v-9f8645df><div data-pagefind-body="true"><h1 id="appendfile" tabindex="-1">AppendFile <a class="header-anchor" href="#appendfile" aria-label="Permalink to &quot;AppendFile&quot;">​</a></h1><p>追加一些数据到文件内</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否追加成功</td><td><code>boolean</code></td><td>true 追加成功 false 追加失败</td></tr><tr><td>data</td><td>追加失败的原因，添加成功后的文件内容</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/file/readFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>读取文件内容</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>写入文件内容</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/appendFile.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/appendFile.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用函数</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>过滤对象</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>统计执行时间</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>字符串转 xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>图片转 base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR 文字识别`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>文件</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>查询一个文件的详细信息</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取目录下的文件名称</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>监听文件是否改变</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>追加文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>写入文件内容</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>设计模式</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>发布订阅模式</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>通过文件后缀获取 mime type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranuts_file_appendFile" data-v-9f8645df><div data-pagefind-body="true"><h1 id="appendfile" tabindex="-1">AppendFile <a class="header-anchor" href="#appendfile" aria-label="Permalink to &quot;AppendFile&quot;">​</a></h1><p>追加一些数据到文件内</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否追加成功</td><td><code>boolean</code></td><td>true 追加成功 false 追加失败</td></tr><tr><td>data</td><td>追加失败的原因，添加成功后的文件内容</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/file/readFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>读取文件内容</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>写入文件内容</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranuts/file/fileInfo.html b/cn/src/ranuts/file/fileInfo.html
index 5244645e67..bfc7393c5d 100644
--- a/cn/src/ranuts/file/fileInfo.html
+++ b/cn/src/ranuts/file/fileInfo.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_file_fileInfo.md.cszSvf9s.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_file_fileInfo.md.CqJn8JuV.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/fileInfo.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/fileInfo.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用函数</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>过滤对象</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>统计执行时间</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>字符串转 xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>图片转 base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR 文字识别`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>文件</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>查询一个文件的详细信息</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取目录下的文件名称</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>监听文件是否改变</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>追加文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>写入文件内容</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>设计模式</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>发布订阅模式</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>通过文件后缀获取 mime type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranuts_file_fileInfo" data-v-9f8645df><div data-pagefind-body="true"><h1 id="queryfileinfo" tabindex="-1">QueryFileInfo <a class="header-anchor" href="#queryfileinfo" aria-label="Permalink to &quot;QueryFileInfo&quot;">​</a></h1><p>查询一个文件的详细信息，一般用于区分文件还是目录，可以通过返回的 data 来判断（data.isDirectory()）</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否检查成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>文件的信息，或者错误的原因</td><td><code>Stats</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要检查的文件路径</td><td><code>string</code></td><td>undefined</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview 总览</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/fileInfo.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/fileInfo.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用函数</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>过滤对象</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>统计执行时间</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>字符串转 xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>图片转 base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR 文字识别`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>文件</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>查询一个文件的详细信息</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取目录下的文件名称</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>监听文件是否改变</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>追加文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>写入文件内容</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>设计模式</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>发布订阅模式</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>通过文件后缀获取 mime type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranuts_file_fileInfo" data-v-9f8645df><div data-pagefind-body="true"><h1 id="queryfileinfo" tabindex="-1">QueryFileInfo <a class="header-anchor" href="#queryfileinfo" aria-label="Permalink to &quot;QueryFileInfo&quot;">​</a></h1><p>查询一个文件的详细信息，一般用于区分文件还是目录，可以通过返回的 data 来判断（data.isDirectory()）</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否检查成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>文件的信息，或者错误的原因</td><td><code>Stats</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要检查的文件路径</td><td><code>string</code></td><td>undefined</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview 总览</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranuts/file/readDir.html b/cn/src/ranuts/file/readDir.html
index 27259a14c1..767d2f696c 100644
--- a/cn/src/ranuts/file/readDir.html
+++ b/cn/src/ranuts/file/readDir.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_file_readDir.md.DVHZJj5k.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_file_readDir.md.BAFE9wq0.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/readDir.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/readDir.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用函数</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>过滤对象</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>统计执行时间</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>字符串转 xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>图片转 base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR 文字识别`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>文件</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>查询一个文件的详细信息</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取目录下的文件名称</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>监听文件是否改变</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>追加文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>写入文件内容</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>设计模式</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>发布订阅模式</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>通过文件后缀获取 mime type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranuts_file_readDir" data-v-9f8645df><div data-pagefind-body="true"><h1 id="readdir" tabindex="-1">ReadDir <a class="header-anchor" href="#readdir" aria-label="Permalink to &quot;ReadDir&quot;">​</a></h1><p>读一个目录下的所有文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>result</td><td>目录下所有文件的数组</td><td><code>array</code></td><td>传入函数的参数</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>options</td><td dirPath=""></td><td><code>object</code></td><td>传入函数的参数</td></tr><tr><td>dirPath</td><td>文件的路径</td><td><code>Stats</code></td><td></td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>查询一个文件的详细信息</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/file/readFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>读取文件内容</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/readDir.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/readDir.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用函数</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>过滤对象</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>统计执行时间</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>字符串转 xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>图片转 base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR 文字识别`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>文件</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>查询一个文件的详细信息</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取目录下的文件名称</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>监听文件是否改变</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>追加文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>写入文件内容</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>设计模式</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>发布订阅模式</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>通过文件后缀获取 mime type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranuts_file_readDir" data-v-9f8645df><div data-pagefind-body="true"><h1 id="readdir" tabindex="-1">ReadDir <a class="header-anchor" href="#readdir" aria-label="Permalink to &quot;ReadDir&quot;">​</a></h1><p>读一个目录下的所有文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>result</td><td>目录下所有文件的数组</td><td><code>array</code></td><td>传入函数的参数</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>options</td><td dirPath=""></td><td><code>object</code></td><td>传入函数的参数</td></tr><tr><td>dirPath</td><td>文件的路径</td><td><code>Stats</code></td><td></td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>查询一个文件的详细信息</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/file/readFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>读取文件内容</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranuts/file/readFile.html b/cn/src/ranuts/file/readFile.html
index 2f054d6506..c37fc7c769 100644
--- a/cn/src/ranuts/file/readFile.html
+++ b/cn/src/ranuts/file/readFile.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_file_readFile.md.CMWdjeNp.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_file_readFile.md._sEkTrwK.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/readFile.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/readFile.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用函数</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>过滤对象</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>统计执行时间</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>字符串转 xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>图片转 base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR 文字识别`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>文件</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>查询一个文件的详细信息</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取目录下的文件名称</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>监听文件是否改变</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>追加文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>写入文件内容</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>设计模式</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>发布订阅模式</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>通过文件后缀获取 mime type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranuts_file_readFile" data-v-9f8645df><div data-pagefind-body="true"><h1 id="readfile" tabindex="-1">ReadFile <a class="header-anchor" href="#readfile" aria-label="Permalink to &quot;ReadFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>data</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/file/readDir.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>读取目录下的文件名称</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>追加文件内容</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/readFile.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/readFile.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用函数</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>过滤对象</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>统计执行时间</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>字符串转 xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>图片转 base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR 文字识别`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>文件</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>查询一个文件的详细信息</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取目录下的文件名称</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>监听文件是否改变</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>追加文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>写入文件内容</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>设计模式</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>发布订阅模式</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>通过文件后缀获取 mime type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranuts_file_readFile" data-v-9f8645df><div data-pagefind-body="true"><h1 id="readfile" tabindex="-1">ReadFile <a class="header-anchor" href="#readfile" aria-label="Permalink to &quot;ReadFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>data</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/file/readDir.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>读取目录下的文件名称</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>追加文件内容</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranuts/file/watchFile.html b/cn/src/ranuts/file/watchFile.html
index 460a356f78..4e68e93de1 100644
--- a/cn/src/ranuts/file/watchFile.html
+++ b/cn/src/ranuts/file/watchFile.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_file_watchFile.md.5h3FtZpC.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_file_watchFile.md.DizkqDrO.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/watchFile.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/watchFile.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用函数</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>过滤对象</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>统计执行时间</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>字符串转 xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>图片转 base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR 文字识别`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>文件</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>查询一个文件的详细信息</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取目录下的文件名称</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>监听文件是否改变</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>追加文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>写入文件内容</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>设计模式</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>发布订阅模式</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>通过文件后缀获取 mime type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranuts_file_watchFile" data-v-9f8645df><div data-pagefind-body="true"><h1 id="watchfile" tabindex="-1">WatchFile <a class="header-anchor" href="#watchfile" aria-label="Permalink to &quot;WatchFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>status</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>OCR 文字识别`</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/file/readDir.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>读取目录下的文件名称</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/watchFile.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/watchFile.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用函数</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>过滤对象</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>统计执行时间</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>字符串转 xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>图片转 base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR 文字识别`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>文件</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>查询一个文件的详细信息</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取目录下的文件名称</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>监听文件是否改变</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>追加文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>写入文件内容</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>设计模式</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>发布订阅模式</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>通过文件后缀获取 mime type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranuts_file_watchFile" data-v-9f8645df><div data-pagefind-body="true"><h1 id="watchfile" tabindex="-1">WatchFile <a class="header-anchor" href="#watchfile" aria-label="Permalink to &quot;WatchFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>status</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>OCR 文字识别`</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/file/readDir.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>读取目录下的文件名称</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranuts/file/writeFile.html b/cn/src/ranuts/file/writeFile.html
index f8dbf2620c..747038f42b 100644
--- a/cn/src/ranuts/file/writeFile.html
+++ b/cn/src/ranuts/file/writeFile.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_file_writeFile.md.DLZe7Swq.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_file_writeFile.md.Bu4zBA8r.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/writeFile.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/writeFile.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用函数</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>过滤对象</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>统计执行时间</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>字符串转 xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>图片转 base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR 文字识别`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>文件</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>查询一个文件的详细信息</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取目录下的文件名称</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>监听文件是否改变</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>追加文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>写入文件内容</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>设计模式</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>发布订阅模式</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>通过文件后缀获取 mime type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranuts_file_writeFile" data-v-9f8645df><div data-pagefind-body="true"><h1 id="writefile" tabindex="-1">WriteFile <a class="header-anchor" href="#writefile" aria-label="Permalink to &quot;WriteFile&quot;">​</a></h1><p>将内容写入文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否写入成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>写入失败的原因，添加成功后的文件内容和文件路径</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>追加文件内容</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>发布订阅模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/writeFile.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/file/writeFile.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用函数</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>过滤对象</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>统计执行时间</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>字符串转 xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>图片转 base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR 文字识别`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>文件</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>查询一个文件的详细信息</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取目录下的文件名称</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>监听文件是否改变</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>追加文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>写入文件内容</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>设计模式</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>发布订阅模式</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>通过文件后缀获取 mime type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranuts_file_writeFile" data-v-9f8645df><div data-pagefind-body="true"><h1 id="writefile" tabindex="-1">WriteFile <a class="header-anchor" href="#writefile" aria-label="Permalink to &quot;WriteFile&quot;">​</a></h1><p>将内容写入文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否写入成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>写入失败的原因，添加成功后的文件内容和文件路径</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>追加文件内容</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>发布订阅模式</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranuts/index.html b/cn/src/ranuts/index.html
index 9647a77b8a..e05e045f7d 100644
--- a/cn/src/ranuts/index.html
+++ b/cn/src/ranuts/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_index.md.B_7KgyI-.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_index.md.Br1tGjNi.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用函数</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>过滤对象</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>统计执行时间</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>字符串转 xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>图片转 base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR 文字识别`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>文件</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>查询一个文件的详细信息</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取目录下的文件名称</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>监听文件是否改变</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>追加文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>写入文件内容</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>设计模式</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>发布订阅模式</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>通过文件后缀获取 mime type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranuts_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="ranuts-overview" tabindex="-1">ranuts overview <a class="header-anchor" href="#ranuts-overview" aria-label="Permalink to &quot;ranuts overview&quot;">​</a></h1><h2 id="方法列表" tabindex="-1">方法列表 <a class="header-anchor" href="#方法列表" aria-label="Permalink to &quot;方法列表&quot;">​</a></h2><table tabindex="0"><thead><tr><th>方法</th><th>说明</th><th>详细内容</th></tr></thead><tbody><tr><td>writeFile</td><td>写入文件</td><td><a href="./file/writeFile.html">writeFile</a></td></tr><tr><td>readFile</td><td>读取文件</td><td><a href="./file/readFile.html">readFile</a></td></tr><tr><td>readDir</td><td>读取目录，获取目录下所有文件的名字</td><td><a href="./file/readDir.html">readDir</a></td></tr><tr><td>watchFile</td><td>观察文件的内容是否发生变化</td><td><a href="./file/watchFile.html">watchFile</a></td></tr><tr><td>queryFileInfo</td><td>查询文件信息</td><td><a href="./file/fileInfo.html">queryFileInfo</a></td></tr><tr><td>filterObj</td><td>过滤对象</td><td><a href="./utils/filterObj.html">filterObj</a></td></tr><tr><td>EventEmitter</td><td>发布订阅类</td><td><a href="./mode/subscribe.html">EventEmitter</a></td></tr><tr><td>str2Xml</td><td>字符串转成<code>xml</code></td><td><a href="./utils/str2xml.html">str2Xml</a></td></tr><tr><td>getMime</td><td>根据文件格式后缀获取 mime type</td><td><a href="./mimeType/mimeType.html">getMime</a></td></tr><tr><td>getCookie</td><td>获取指定 cookie 的值</td><td><a href="./utils/getCookie.html">writeFile</a></td></tr><tr><td>formatJson</td><td>格式化 JSON</td><td><a href="./utils/formatJson.html">formatJson</a></td></tr></tbody></table><h1 id="totp" tabindex="-1">TOTP <a class="header-anchor" href="#totp" aria-label="Permalink to &quot;TOTP&quot;">​</a></h1><div><div class="text-slate-600 text-base mt-2">2FA Verification</div><div class="flex flex-row justify-start items-start mt-4"><div class="relative h-14"><r-input label="Please enter the key of 2FA" class="w-64 h-8 rounded-lg block text-lg" status="normal"></r-input><!----></div><r-button class="ml-1 h-8">Generate</r-button></div><div class="text-[#3451b2] text-base"><div>code: </div><div>expires: </div></div></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>过滤对象</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/ranuts/" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview 总览</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>通用函数</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>过滤对象</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>统计执行时间</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>字符串转 xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>图片转 base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR 文字识别`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>文件</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>查询一个文件的详细信息</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取目录下的文件名称</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>监听文件是否改变</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>读取文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>追加文件内容</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>写入文件内容</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>设计模式</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>发布订阅模式</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/cn/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>通过文件后缀获取 mime type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_ranuts_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="ranuts-overview" tabindex="-1">ranuts overview <a class="header-anchor" href="#ranuts-overview" aria-label="Permalink to &quot;ranuts overview&quot;">​</a></h1><h2 id="方法列表" tabindex="-1">方法列表 <a class="header-anchor" href="#方法列表" aria-label="Permalink to &quot;方法列表&quot;">​</a></h2><table tabindex="0"><thead><tr><th>方法</th><th>说明</th><th>详细内容</th></tr></thead><tbody><tr><td>writeFile</td><td>写入文件</td><td><a href="./file/writeFile.html">writeFile</a></td></tr><tr><td>readFile</td><td>读取文件</td><td><a href="./file/readFile.html">readFile</a></td></tr><tr><td>readDir</td><td>读取目录，获取目录下所有文件的名字</td><td><a href="./file/readDir.html">readDir</a></td></tr><tr><td>watchFile</td><td>观察文件的内容是否发生变化</td><td><a href="./file/watchFile.html">watchFile</a></td></tr><tr><td>queryFileInfo</td><td>查询文件信息</td><td><a href="./file/fileInfo.html">queryFileInfo</a></td></tr><tr><td>filterObj</td><td>过滤对象</td><td><a href="./utils/filterObj.html">filterObj</a></td></tr><tr><td>EventEmitter</td><td>发布订阅类</td><td><a href="./mode/subscribe.html">EventEmitter</a></td></tr><tr><td>str2Xml</td><td>字符串转成<code>xml</code></td><td><a href="./utils/str2xml.html">str2Xml</a></td></tr><tr><td>getMime</td><td>根据文件格式后缀获取 mime type</td><td><a href="./mimeType/mimeType.html">getMime</a></td></tr><tr><td>getCookie</td><td>获取指定 cookie 的值</td><td><a href="./utils/getCookie.html">writeFile</a></td></tr><tr><td>formatJson</td><td>格式化 JSON</td><td><a href="./utils/formatJson.html">formatJson</a></td></tr></tbody></table><h1 id="totp" tabindex="-1">TOTP <a class="header-anchor" href="#totp" aria-label="Permalink to &quot;TOTP&quot;">​</a></h1><div><div class="text-slate-600 text-base mt-2">2FA Verification</div><div class="flex flex-row justify-start items-start mt-4"><div class="relative h-14"><r-input label="Please enter the key of 2FA" class="w-64 h-8 rounded-lg block text-lg" status="normal"></r-input><!----></div><r-button class="ml-1 h-8">Generate</r-button></div><div class="text-[#3451b2] text-base"><div>code: </div><div>expires: </div></div></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>过滤对象</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranuts/mimeType/mimeType.html b/cn/src/ranuts/mimeType/mimeType.html
index 921db0c1f7..0bcf49eae4 100644
--- a/cn/src/ranuts/mimeType/mimeType.html
+++ b/cn/src/ranuts/mimeType/mimeType.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_mimeType_mimeType.md.nxjk8xi_.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_mimeType_mimeType.md.D8QLJam4.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -49,8 +49,8 @@
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// &#39;application/vnd.openxmlformats-officedocument.presentationml.presentation</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> res</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMime</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;.txt&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// text/plain</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>发布订阅模式</span><!--]--></a></div><div class="pager" data-v-00ab7d08><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// text/plain</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/mode/subscribe.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>发布订阅模式</span><!--]--></a></div><div class="pager" data-v-00ab7d08><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranuts/mode/subscribe.html b/cn/src/ranuts/mode/subscribe.html
index 8244db4620..119fc4ac1f 100644
--- a/cn/src/ranuts/mode/subscribe.html
+++ b/cn/src/ranuts/mode/subscribe.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_mode_subscribe.md.BpJB8REw.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_mode_subscribe.md.Dfqta45A.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -73,8 +73,8 @@
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 订阅一次，触发一次自动取消</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">subscribe.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">once</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;other&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, () </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">5</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">});</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>写入文件内容</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/mimeType/mimeType.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>通过文件后缀获取 mime type</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">});</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>写入文件内容</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/mimeType/mimeType.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>通过文件后缀获取 mime type</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranuts/utils/convertImageToBase64.html b/cn/src/ranuts/utils/convertImageToBase64.html
index 1135fd6a52..6caa804f6e 100644
--- a/cn/src/ranuts/utils/convertImageToBase64.html
+++ b/cn/src/ranuts/utils/convertImageToBase64.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_utils_convertImageToBase64.md.BQFuSXTt.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_utils_convertImageToBase64.md.Baw_0VwK.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -46,8 +46,8 @@
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">convertImageToBase64</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(file).</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">then</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">res</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">});</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>字符串转 xml</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>OCR 文字识别`</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">});</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>字符串转 xml</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/utils/ocr.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>OCR 文字识别`</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranuts/utils/filterObj.html b/cn/src/ranuts/utils/filterObj.html
index 5d4eef67be..32b6dde2de 100644
--- a/cn/src/ranuts/utils/filterObj.html
+++ b/cn/src/ranuts/utils/filterObj.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_utils_filterObj.md.R6pWg6_Y.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_utils_filterObj.md.CxRU9J7j.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -54,8 +54,8 @@
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// { age:10 }</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Overview 总览</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/utils/task.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>统计执行时间</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// { age:10 }</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Overview 总览</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/utils/task.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>统计执行时间</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranuts/utils/formatJson.html b/cn/src/ranuts/utils/formatJson.html
index 6fd3e0ec41..49c53a6512 100644
--- a/cn/src/ranuts/utils/formatJson.html
+++ b/cn/src/ranuts/utils/formatJson.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_utils_formatJson.md.w3L-Rhdf.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_utils_formatJson.md.BPEAnSbs.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -51,8 +51,8 @@
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> formatJson</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(json);</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview 总览</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview 总览</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranuts/utils/getCookie.html b/cn/src/ranuts/utils/getCookie.html
index 4f243957b5..828b24cfb5 100644
--- a/cn/src/ranuts/utils/getCookie.html
+++ b/cn/src/ranuts/utils/getCookie.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_utils_getCookie.md.ChQkIFFD.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_utils_getCookie.md.Cn937pro.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -48,8 +48,8 @@
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// &#39;&#39;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview 总览</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// &#39;&#39;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview 总览</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranuts/utils/ocr.html b/cn/src/ranuts/utils/ocr.html
index 1c173c86eb..84e4d81ea7 100644
--- a/cn/src/ranuts/utils/ocr.html
+++ b/cn/src/ranuts/utils/ocr.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_utils_ocr.md.CCSas4Mw.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_utils_ocr.md.DDRRaGe9.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -56,8 +56,8 @@
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// And when thou lovest thy pale orb to shroud</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// Behind the gather’d blackness lost on high;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// And when thou dartest from the wind-rent cloud</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// Thy placid lightning o’er the awaken’d sky.</span></span></code></pre></div><h2 id="lang-code" tabindex="-1">Lang Code <a class="header-anchor" href="#lang-code" aria-label="Permalink to &quot;Lang Code&quot;">​</a></h2><table tabindex="0"><thead><tr><th>Lang Code</th><th>Language</th></tr></thead><tbody><tr><td>afr</td><td>Afrikaans</td></tr><tr><td>amh</td><td>Amharic</td></tr><tr><td>ara</td><td>Arabic</td></tr><tr><td>asm</td><td>Assamese</td></tr><tr><td>aze</td><td>Azerbaijani</td></tr><tr><td>aze_cyrl</td><td>Azerbaijani - Cyrillic</td></tr><tr><td>bel</td><td>Belarusian</td></tr><tr><td>ben</td><td>Bengali</td></tr><tr><td>bod</td><td>Tibetan</td></tr><tr><td>bos</td><td>Bosnian</td></tr><tr><td>bul</td><td>Bulgarian</td></tr><tr><td>cat</td><td>Catalan; Valencian</td></tr><tr><td>ceb</td><td>Cebuano</td></tr><tr><td>ces</td><td>Czech</td></tr><tr><td>chi_sim</td><td>Chinese - Simplified</td></tr><tr><td>chi_tra</td><td>Chinese - Traditional</td></tr><tr><td>chr</td><td>Cherokee</td></tr><tr><td>cym</td><td>Welsh</td></tr><tr><td>dan</td><td>Danish</td></tr><tr><td>deu</td><td>German</td></tr><tr><td>dzo</td><td>Dzongkha</td></tr><tr><td>ell</td><td>Greek, Modern (1453-)</td></tr><tr><td>eng</td><td>English</td></tr><tr><td>enm</td><td>English, Middle (1100-1500)</td></tr><tr><td>epo</td><td>Esperanto</td></tr><tr><td>est</td><td>Estonian</td></tr><tr><td>eus</td><td>Basque</td></tr><tr><td>fas</td><td>Persian</td></tr><tr><td>fin</td><td>Finnish</td></tr><tr><td>fra</td><td>French</td></tr><tr><td>frk</td><td>German Fraktur</td></tr><tr><td>frm</td><td>French, Middle (ca. 1400-1600)</td></tr><tr><td>gle</td><td>Irish</td></tr><tr><td>glg</td><td>Galician</td></tr><tr><td>grc</td><td>Greek, Ancient (-1453)</td></tr><tr><td>guj</td><td>Gujarati</td></tr><tr><td>hat</td><td>Haitian; Haitian Creole</td></tr><tr><td>heb</td><td>Hebrew</td></tr><tr><td>hin</td><td>Hindi</td></tr><tr><td>hrv</td><td>Croatian</td></tr><tr><td>hun</td><td>Hungarian</td></tr><tr><td>iku</td><td>Inuktitut</td></tr><tr><td>ind</td><td>Indonesian</td></tr><tr><td>isl</td><td>Icelandic</td></tr><tr><td>ita</td><td>Italian</td></tr><tr><td>ita_old</td><td>Italian - Old</td></tr><tr><td>jav</td><td>Javanese</td></tr><tr><td>jpn</td><td>Japanese</td></tr><tr><td>kan</td><td>Kannada</td></tr><tr><td>kat</td><td>Georgian</td></tr><tr><td>kat_old</td><td>Georgian - Old</td></tr><tr><td>kaz</td><td>Kazakh</td></tr><tr><td>khm</td><td>Central Khmer</td></tr><tr><td>kir</td><td>Kirghiz; Kyrgyz</td></tr><tr><td>kor</td><td>Korean</td></tr><tr><td>kur</td><td>Kurdish</td></tr><tr><td>lao</td><td>Lao</td></tr><tr><td>lat</td><td>Latin</td></tr><tr><td>lav</td><td>Latvian</td></tr><tr><td>lit</td><td>Lithuanian</td></tr><tr><td>mal</td><td>Malayalam</td></tr><tr><td>mar</td><td>Marathi</td></tr><tr><td>mkd</td><td>Macedonian</td></tr><tr><td>mlt</td><td>Maltese</td></tr><tr><td>msa</td><td>Malay</td></tr><tr><td>mya</td><td>Burmese</td></tr><tr><td>nep</td><td>Nepali</td></tr><tr><td>nld</td><td>Dutch; Flemish</td></tr><tr><td>nor</td><td>Norwegian</td></tr><tr><td>ori</td><td>Oriya</td></tr><tr><td>pan</td><td>Panjabi; Punjabi</td></tr><tr><td>pol</td><td>Polish</td></tr><tr><td>por</td><td>Portuguese</td></tr><tr><td>pus</td><td>Pushto; Pashto</td></tr><tr><td>ron</td><td>Romanian; Moldavian; Moldovan</td></tr><tr><td>rus</td><td>Russian</td></tr><tr><td>san</td><td>Sanskrit</td></tr><tr><td>sin</td><td>Sinhala; Sinhalese</td></tr><tr><td>slk</td><td>Slovak</td></tr><tr><td>slv</td><td>Slovenian</td></tr><tr><td>spa</td><td>Spanish; Castilian</td></tr><tr><td>spa_old</td><td>Spanish; Castilian - Old</td></tr><tr><td>sqi</td><td>Albanian</td></tr><tr><td>srp</td><td>Serbian</td></tr><tr><td>srp_latn</td><td>Serbian - Latin</td></tr><tr><td>swa</td><td>Swahili</td></tr><tr><td>swe</td><td>Swedish</td></tr><tr><td>syr</td><td>Syriac</td></tr><tr><td>tam</td><td>Tamil</td></tr><tr><td>tel</td><td>Telugu</td></tr><tr><td>tgk</td><td>Tajik</td></tr><tr><td>tgl</td><td>Tagalog</td></tr><tr><td>tha</td><td>Thai</td></tr><tr><td>tir</td><td>Tigrinya</td></tr><tr><td>tur</td><td>Turkish</td></tr><tr><td>uig</td><td>Uighur; Uyghur</td></tr><tr><td>ukr</td><td>Ukrainian</td></tr><tr><td>urd</td><td>Urdu</td></tr><tr><td>uzb</td><td>Uzbek</td></tr><tr><td>uzb_cyrl</td><td>Uzbek - Cyrillic</td></tr><tr><td>vie</td><td>Vietnamese</td></tr><tr><td>yid</td><td>Yiddish</td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>图片转 base64</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>查询一个文件的详细信息</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// Thy placid lightning o’er the awaken’d sky.</span></span></code></pre></div><h2 id="lang-code" tabindex="-1">Lang Code <a class="header-anchor" href="#lang-code" aria-label="Permalink to &quot;Lang Code&quot;">​</a></h2><table tabindex="0"><thead><tr><th>Lang Code</th><th>Language</th></tr></thead><tbody><tr><td>afr</td><td>Afrikaans</td></tr><tr><td>amh</td><td>Amharic</td></tr><tr><td>ara</td><td>Arabic</td></tr><tr><td>asm</td><td>Assamese</td></tr><tr><td>aze</td><td>Azerbaijani</td></tr><tr><td>aze_cyrl</td><td>Azerbaijani - Cyrillic</td></tr><tr><td>bel</td><td>Belarusian</td></tr><tr><td>ben</td><td>Bengali</td></tr><tr><td>bod</td><td>Tibetan</td></tr><tr><td>bos</td><td>Bosnian</td></tr><tr><td>bul</td><td>Bulgarian</td></tr><tr><td>cat</td><td>Catalan; Valencian</td></tr><tr><td>ceb</td><td>Cebuano</td></tr><tr><td>ces</td><td>Czech</td></tr><tr><td>chi_sim</td><td>Chinese - Simplified</td></tr><tr><td>chi_tra</td><td>Chinese - Traditional</td></tr><tr><td>chr</td><td>Cherokee</td></tr><tr><td>cym</td><td>Welsh</td></tr><tr><td>dan</td><td>Danish</td></tr><tr><td>deu</td><td>German</td></tr><tr><td>dzo</td><td>Dzongkha</td></tr><tr><td>ell</td><td>Greek, Modern (1453-)</td></tr><tr><td>eng</td><td>English</td></tr><tr><td>enm</td><td>English, Middle (1100-1500)</td></tr><tr><td>epo</td><td>Esperanto</td></tr><tr><td>est</td><td>Estonian</td></tr><tr><td>eus</td><td>Basque</td></tr><tr><td>fas</td><td>Persian</td></tr><tr><td>fin</td><td>Finnish</td></tr><tr><td>fra</td><td>French</td></tr><tr><td>frk</td><td>German Fraktur</td></tr><tr><td>frm</td><td>French, Middle (ca. 1400-1600)</td></tr><tr><td>gle</td><td>Irish</td></tr><tr><td>glg</td><td>Galician</td></tr><tr><td>grc</td><td>Greek, Ancient (-1453)</td></tr><tr><td>guj</td><td>Gujarati</td></tr><tr><td>hat</td><td>Haitian; Haitian Creole</td></tr><tr><td>heb</td><td>Hebrew</td></tr><tr><td>hin</td><td>Hindi</td></tr><tr><td>hrv</td><td>Croatian</td></tr><tr><td>hun</td><td>Hungarian</td></tr><tr><td>iku</td><td>Inuktitut</td></tr><tr><td>ind</td><td>Indonesian</td></tr><tr><td>isl</td><td>Icelandic</td></tr><tr><td>ita</td><td>Italian</td></tr><tr><td>ita_old</td><td>Italian - Old</td></tr><tr><td>jav</td><td>Javanese</td></tr><tr><td>jpn</td><td>Japanese</td></tr><tr><td>kan</td><td>Kannada</td></tr><tr><td>kat</td><td>Georgian</td></tr><tr><td>kat_old</td><td>Georgian - Old</td></tr><tr><td>kaz</td><td>Kazakh</td></tr><tr><td>khm</td><td>Central Khmer</td></tr><tr><td>kir</td><td>Kirghiz; Kyrgyz</td></tr><tr><td>kor</td><td>Korean</td></tr><tr><td>kur</td><td>Kurdish</td></tr><tr><td>lao</td><td>Lao</td></tr><tr><td>lat</td><td>Latin</td></tr><tr><td>lav</td><td>Latvian</td></tr><tr><td>lit</td><td>Lithuanian</td></tr><tr><td>mal</td><td>Malayalam</td></tr><tr><td>mar</td><td>Marathi</td></tr><tr><td>mkd</td><td>Macedonian</td></tr><tr><td>mlt</td><td>Maltese</td></tr><tr><td>msa</td><td>Malay</td></tr><tr><td>mya</td><td>Burmese</td></tr><tr><td>nep</td><td>Nepali</td></tr><tr><td>nld</td><td>Dutch; Flemish</td></tr><tr><td>nor</td><td>Norwegian</td></tr><tr><td>ori</td><td>Oriya</td></tr><tr><td>pan</td><td>Panjabi; Punjabi</td></tr><tr><td>pol</td><td>Polish</td></tr><tr><td>por</td><td>Portuguese</td></tr><tr><td>pus</td><td>Pushto; Pashto</td></tr><tr><td>ron</td><td>Romanian; Moldavian; Moldovan</td></tr><tr><td>rus</td><td>Russian</td></tr><tr><td>san</td><td>Sanskrit</td></tr><tr><td>sin</td><td>Sinhala; Sinhalese</td></tr><tr><td>slk</td><td>Slovak</td></tr><tr><td>slv</td><td>Slovenian</td></tr><tr><td>spa</td><td>Spanish; Castilian</td></tr><tr><td>spa_old</td><td>Spanish; Castilian - Old</td></tr><tr><td>sqi</td><td>Albanian</td></tr><tr><td>srp</td><td>Serbian</td></tr><tr><td>srp_latn</td><td>Serbian - Latin</td></tr><tr><td>swa</td><td>Swahili</td></tr><tr><td>swe</td><td>Swedish</td></tr><tr><td>syr</td><td>Syriac</td></tr><tr><td>tam</td><td>Tamil</td></tr><tr><td>tel</td><td>Telugu</td></tr><tr><td>tgk</td><td>Tajik</td></tr><tr><td>tgl</td><td>Tagalog</td></tr><tr><td>tha</td><td>Thai</td></tr><tr><td>tir</td><td>Tigrinya</td></tr><tr><td>tur</td><td>Turkish</td></tr><tr><td>uig</td><td>Uighur; Uyghur</td></tr><tr><td>ukr</td><td>Ukrainian</td></tr><tr><td>urd</td><td>Urdu</td></tr><tr><td>uzb</td><td>Uzbek</td></tr><tr><td>uzb_cyrl</td><td>Uzbek - Cyrillic</td></tr><tr><td>vie</td><td>Vietnamese</td></tr><tr><td>yid</td><td>Yiddish</td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>图片转 base64</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>查询一个文件的详细信息</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranuts/utils/str2xml.html b/cn/src/ranuts/utils/str2xml.html
index cbda97c908..33b67af298 100644
--- a/cn/src/ranuts/utils/str2xml.html
+++ b/cn/src/ranuts/utils/str2xml.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_utils_str2xml.md.CgTEUJ7O.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_utils_str2xml.md.Bde3XsNH.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -49,8 +49,8 @@
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> icon</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> str2Xml</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(svg, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;image/svg+xml&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.body.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">appendChild</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(icon);</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/utils/task.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>统计执行时间</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>图片转 base64</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.body.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">appendChild</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(icon);</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/utils/task.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>统计执行时间</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/utils/convertImageToBase64.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>图片转 base64</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/cn/src/ranuts/utils/task.html b/cn/src/ranuts/utils/task.html
index 93db1fcfd8..bbcc103ef5 100644
--- a/cn/src/ranuts/utils/task.html
+++ b/cn/src/ranuts/utils/task.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_utils_task.md.BLYztfpY.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_ranuts_utils_task.md.vM2hJa_Z.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -48,8 +48,8 @@
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> time</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> taskEnd</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(taskId);</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;task 执行花费的时间&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, time);</span></span></code></pre></div><h2 id="二-new-date-gettime" tabindex="-1">二.new Date().getTime() <a class="header-anchor" href="#二-new-date-gettime" aria-label="Permalink to &quot;二.new Date().getTime()&quot;">​</a></h2><p><code>new Date().getTime()</code> 返回一个数值，表示从 1970 年 1 月 1 日 0 时 0 分 0 秒（UTC，即协调世界时）距离该日期对象所代表时间的毫秒数。用来计算 JS 执行时间会有两个问题：</p><ol><li>某些情况下，毫秒级精度可能不够。</li><li><code>new Date()</code> 解析的时间在不同浏览器，或者不同设备上可能并不一致。<a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date" target="_blank" rel="noreferrer">MDN 说明</a><blockquote><p>由于浏览器之间的差异与不一致性，强烈不推荐使用 Date 构造函数来解析日期字符串 (或使用与其等价的 Date.parse)。对 RFC 2822 格式的日期仅有约定俗成的支持。对 ISO 8601 格式的支持中，仅有日期的串 (例如 &quot;1970-01-01&quot;) 会被处理为 UTC 而不是本地时间，与其他格式的串的处理不同。</p></blockquote></li></ol><h2 id="三-console-time-console-timeend" tabindex="-1">三.<code>console.time()</code>, <code>console.timeEnd()</code> <a class="header-anchor" href="#三-console-time-console-timeend" aria-label="Permalink to &quot;三.`console.time()`, `console.timeEnd()`&quot;">​</a></h2><p>启动一个计时器来跟踪某一个操作的占用时长。每一个计时器必须拥有唯一的名字，页面中最多能同时运行 10,000 个计时器。当以此计时器名字为参数调用 console.timeEnd() 时，浏览器将以毫秒为单位，输出对应计时器所经过的时间。比起<code>new Date().getTime()</code>，统计时间更加精确，可以统计到 0.001 毫秒(比如：0.134ms)</p><h2 id="四-performance-now" tabindex="-1">四.<code>performance.now()</code> <a class="header-anchor" href="#四-performance-now" aria-label="Permalink to &quot;四.`performance.now()`&quot;">​</a></h2><p><code>performance.now()</code>返回的时间精度最高可达微秒级，且不会受到系统时间的影响（系统时钟可能会被手动调整或被 NTP 等软件篡改）。另外，<code>performance.timing.navigationStart + performance.now()</code> 约等于 <code>Date.now()</code>。因此对于统计 JS 执行耗时方面，更推荐使用<code>performance.now()</code>。</p><blockquote><p>注意：为了提供对定时攻击和指纹的保护，<code>performance.now()</code> 的精度可能会根据浏览器的设置而被舍弃。 在 <code>Firefox</code> 中，<code>privacy.reduceTimerPrecision</code> 偏好是默认启用的，默认值为 <code>1ms</code>。可以启用 <code>privacy.resistFingerprinting</code> 这将精度改为 100ms 或<code>privacy.resistFingerprinting.reduceTimerPrecision.microseconds</code> 的值，以较大者为准。</p></blockquote></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>过滤对象</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>字符串转 xml</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;task 执行花费的时间&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, time);</span></span></code></pre></div><h2 id="二-new-date-gettime" tabindex="-1">二.new Date().getTime() <a class="header-anchor" href="#二-new-date-gettime" aria-label="Permalink to &quot;二.new Date().getTime()&quot;">​</a></h2><p><code>new Date().getTime()</code> 返回一个数值，表示从 1970 年 1 月 1 日 0 时 0 分 0 秒（UTC，即协调世界时）距离该日期对象所代表时间的毫秒数。用来计算 JS 执行时间会有两个问题：</p><ol><li>某些情况下，毫秒级精度可能不够。</li><li><code>new Date()</code> 解析的时间在不同浏览器，或者不同设备上可能并不一致。<a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date" target="_blank" rel="noreferrer">MDN 说明</a><blockquote><p>由于浏览器之间的差异与不一致性，强烈不推荐使用 Date 构造函数来解析日期字符串 (或使用与其等价的 Date.parse)。对 RFC 2822 格式的日期仅有约定俗成的支持。对 ISO 8601 格式的支持中，仅有日期的串 (例如 &quot;1970-01-01&quot;) 会被处理为 UTC 而不是本地时间，与其他格式的串的处理不同。</p></blockquote></li></ol><h2 id="三-console-time-console-timeend" tabindex="-1">三.<code>console.time()</code>, <code>console.timeEnd()</code> <a class="header-anchor" href="#三-console-time-console-timeend" aria-label="Permalink to &quot;三.`console.time()`, `console.timeEnd()`&quot;">​</a></h2><p>启动一个计时器来跟踪某一个操作的占用时长。每一个计时器必须拥有唯一的名字，页面中最多能同时运行 10,000 个计时器。当以此计时器名字为参数调用 console.timeEnd() 时，浏览器将以毫秒为单位，输出对应计时器所经过的时间。比起<code>new Date().getTime()</code>，统计时间更加精确，可以统计到 0.001 毫秒(比如：0.134ms)</p><h2 id="四-performance-now" tabindex="-1">四.<code>performance.now()</code> <a class="header-anchor" href="#四-performance-now" aria-label="Permalink to &quot;四.`performance.now()`&quot;">​</a></h2><p><code>performance.now()</code>返回的时间精度最高可达微秒级，且不会受到系统时间的影响（系统时钟可能会被手动调整或被 NTP 等软件篡改）。另外，<code>performance.timing.navigationStart + performance.now()</code> 约等于 <code>Date.now()</code>。因此对于统计 JS 执行耗时方面，更推荐使用<code>performance.now()</code>。</p><blockquote><p>注意：为了提供对定时攻击和指纹的保护，<code>performance.now()</code> 的精度可能会根据浏览器的设置而被舍弃。 在 <code>Firefox</code> 中，<code>privacy.reduceTimerPrecision</code> 偏好是默认启用的，默认值为 <code>1ms</code>。可以启用 <code>privacy.resistFingerprinting</code> 这将精度改为 100ms 或<code>privacy.resistFingerprinting.reduceTimerPrecision.microseconds</code> 的值，以较大者为准。</p></blockquote></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/cn/src/ranuts/utils/filterObj.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>过滤对象</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/cn/src/ranuts/utils/str2xml.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>字符串转 xml</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git "a/cn/src/types/TS\347\261\273\345\236\213.html" "b/cn/src/types/TS\347\261\273\345\236\213.html"
index c1ae5ed2e1..f09f5b28ce 100644
--- "a/cn/src/types/TS\347\261\273\345\236\213.html"
+++ "b/cn/src/types/TS\347\261\273\345\236\213.html"
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_types_TS类型.md.ctrtnDXL.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_types_TS类型.md.BqYfr0BF.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -89,8 +89,8 @@
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  age</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git "a/cn/src/types/\346\250\241\345\274\217\345\214\271\351\205\215.html" "b/cn/src/types/\346\250\241\345\274\217\345\214\271\351\205\215.html"
index 39472747a4..7d73330ae5 100644
--- "a/cn/src/types/\346\250\241\345\274\217\345\214\271\351\205\215.html"
+++ "b/cn/src/types/\346\250\241\345\274\217\345\214\271\351\205\215.html"
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_types_模式匹配.md.DWHjoF0h.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_types_模式匹配.md.Cv2DtzlL.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -52,8 +52,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Person</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>这里的 PersonConstructor 返回的是 Person 类型的实例对象，这个也可以通过模式匹配取出来。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetInstanceType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git "a/cn/src/types/\347\261\273\345\236\213\350\277\220\347\256\227.html" "b/cn/src/types/\347\261\273\345\236\213\350\277\220\347\256\227.html"
index b910ca3d13..8507ff49c9 100644
--- "a/cn/src/types/\347\261\273\345\236\213\350\277\220\347\256\227.html"
+++ "b/cn/src/types/\347\261\273\345\236\213\350\277\220\347\256\227.html"
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_types_类型运算.md.BALncgle.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_types_类型运算.md.DMkykj3f.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -68,8 +68,8 @@
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type res = {</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">//     aaa:[1,1,1]</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">//     bbb:[2,2,2]</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// }</span></span></code></pre></div><p>这里的 &amp; string 可能大家会迷惑，解释一下：</p><p>因为索引类型（对象、class 等）可以用 string、number 和 symbol 作为 key，这里 keyof T 取出的索引就是 string | number | symbol 的联合类型，和 string 取交叉部分就只剩下 string 了。就像前面所说，交叉类型会把同一类型做合并，不同类型舍弃。</p><p>因为 js 处理对象比较多，所以索引类型的映射比较重要。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// }</span></span></code></pre></div><p>这里的 &amp; string 可能大家会迷惑，解释一下：</p><p>因为索引类型（对象、class 等）可以用 string、number 和 symbol 作为 key，这里 keyof T 取出的索引就是 string | number | symbol 的联合类型，和 string 取交叉部分就只剩下 string 了。就像前面所说，交叉类型会把同一类型做合并，不同类型舍弃。</p><p>因为 js 处理对象比较多，所以索引类型的映射比较重要。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git "a/cn/src/types/\351\253\230\347\272\247\347\261\273\345\236\213.html" "b/cn/src/types/\351\253\230\347\272\247\347\261\273\345\236\213.html"
index 9fdab44938..2bc7986262 100644
--- "a/cn/src/types/\351\253\230\347\272\247\347\261\273\345\236\213.html"
+++ "b/cn/src/types/\351\253\230\347\272\247\347\261\273\345\236\213.html"
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/cn_src_types_高级类型.md.C_sodMsN.lean.js">
+    <link rel="modulepreload" href="/ran/assets/cn_src_types_高级类型.md.BDtDighX.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/types/高级类型.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/types/高级类型.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav empty fixed" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><!----><div class="VPContent" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_types_%E9%AB%98%E7%BA%A7%E7%B1%BB%E5%9E%8B" data-v-9f8645df><div data-pagefind-body="true"><h1 id="typescript-内置的高级类型" tabindex="-1">TypeScript 内置的高级类型 <a class="header-anchor" href="#typescript-内置的高级类型" aria-label="Permalink to &quot;TypeScript 内置的高级类型&quot;">​</a></h1><h2 id="parameters" tabindex="-1">Parameters <a class="header-anchor" href="#parameters" aria-label="Permalink to &quot;Parameters&quot;">​</a></h2><p>Parameters 用于提取函数类型的参数类型。</p><h2 id="returntype" tabindex="-1">ReturnType <a class="header-anchor" href="#returntype" aria-label="Permalink to &quot;ReturnType&quot;">​</a></h2><p>ReturnType 用于提取函数类型的返回值类型。</p><h2 id="constructorparameters" tabindex="-1">ConstructorParameters <a class="header-anchor" href="#constructorparameters" aria-label="Permalink to &quot;ConstructorParameters&quot;">​</a></h2><p>构造器类型和函数类型的区别就是可以被 new。</p><p>Parameters 用于提取函数参数的类型，而 ConstructorParameters 用于提取构造器参数的类型。</p><h2 id="instancetype" tabindex="-1">InstanceType <a class="header-anchor" href="#instancetype" aria-label="Permalink to &quot;InstanceType&quot;">​</a></h2><p>提取了构造器参数的类型，自然也可以提取构造器返回值的类型，就是 InstanceType。</p><h2 id="thisparametertype" tabindex="-1">ThisParameterType <a class="header-anchor" href="#thisparametertype" aria-label="Permalink to &quot;ThisParameterType&quot;">​</a></h2><h2 id="omitthisparameter" tabindex="-1">OmitThisParameter <a class="header-anchor" href="#omitthisparameter" aria-label="Permalink to &quot;OmitThisParameter&quot;">​</a></h2><h2 id="partial" tabindex="-1">Partial <a class="header-anchor" href="#partial" aria-label="Permalink to &quot;Partial&quot;">​</a></h2><h2 id="required" tabindex="-1">Required <a class="header-anchor" href="#required" aria-label="Permalink to &quot;Required&quot;">​</a></h2><h2 id="readonly" tabindex="-1">Readonly <a class="header-anchor" href="#readonly" aria-label="Permalink to &quot;Readonly&quot;">​</a></h2><h2 id="pick" tabindex="-1">Pick <a class="header-anchor" href="#pick" aria-label="Permalink to &quot;Pick&quot;">​</a></h2><h2 id="record" tabindex="-1">Record <a class="header-anchor" href="#record" aria-label="Permalink to &quot;Record&quot;">​</a></h2><h2 id="exclude" tabindex="-1">Exclude <a class="header-anchor" href="#exclude" aria-label="Permalink to &quot;Exclude&quot;">​</a></h2><h2 id="extract" tabindex="-1">Extract <a class="header-anchor" href="#extract" aria-label="Permalink to &quot;Extract&quot;">​</a></h2><h2 id="omit" tabindex="-1">Omit <a class="header-anchor" href="#omit" aria-label="Permalink to &quot;Omit&quot;">​</a></h2><h2 id="awaited" tabindex="-1">Awaited <a class="header-anchor" href="#awaited" aria-label="Permalink to &quot;Awaited&quot;">​</a></h2><h2 id="nonnullable" tabindex="-1">NonNullable <a class="header-anchor" href="#nonnullable" aria-label="Permalink to &quot;NonNullable&quot;">​</a></h2><h2 id="uppercase" tabindex="-1">Uppercase <a class="header-anchor" href="#uppercase" aria-label="Permalink to &quot;Uppercase&quot;">​</a></h2><h2 id="lowercase" tabindex="-1">Lowercase <a class="header-anchor" href="#lowercase" aria-label="Permalink to &quot;Lowercase&quot;">​</a></h2><h2 id="capitalize" tabindex="-1">Capitalize <a class="header-anchor" href="#capitalize" aria-label="Permalink to &quot;Capitalize&quot;">​</a></h2><h2 id="uncapitalize" tabindex="-1">Uncapitalize <a class="header-anchor" href="#uncapitalize" aria-label="Permalink to &quot;Uncapitalize&quot;">​</a></h2><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>比如用模式匹配可以实现：Parameters、ReturnType、ConstructorParameters、InstanceType、ThisParameterType。</p><p>用模式匹配 + 重新构造可以实现：OmitThisParameter</p><p>用重新构造可以实现：Partial、Required、Readonly、Pick、Record</p><p>用模式匹配 + 递归可以实现： Awaited</p><p>用联合类型在分布式条件类型的特性可以实现： Exclude</p><p>此外还有 NonNullable 和四个编译器内部实现的类型：Uppercase、Lowercase、Capitalize、Uncapitalize。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/cn/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>首页</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>函数</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>组件</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/cn/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>璀璨</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>简体中文</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/src/types/高级类型.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>简体中文</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/src/types/高级类型.html" data-v-7e61137e><!--[-->English<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav empty fixed" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><!----><div class="VPContent" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_cn_src_types_%E9%AB%98%E7%BA%A7%E7%B1%BB%E5%9E%8B" data-v-9f8645df><div data-pagefind-body="true"><h1 id="typescript-内置的高级类型" tabindex="-1">TypeScript 内置的高级类型 <a class="header-anchor" href="#typescript-内置的高级类型" aria-label="Permalink to &quot;TypeScript 内置的高级类型&quot;">​</a></h1><h2 id="parameters" tabindex="-1">Parameters <a class="header-anchor" href="#parameters" aria-label="Permalink to &quot;Parameters&quot;">​</a></h2><p>Parameters 用于提取函数类型的参数类型。</p><h2 id="returntype" tabindex="-1">ReturnType <a class="header-anchor" href="#returntype" aria-label="Permalink to &quot;ReturnType&quot;">​</a></h2><p>ReturnType 用于提取函数类型的返回值类型。</p><h2 id="constructorparameters" tabindex="-1">ConstructorParameters <a class="header-anchor" href="#constructorparameters" aria-label="Permalink to &quot;ConstructorParameters&quot;">​</a></h2><p>构造器类型和函数类型的区别就是可以被 new。</p><p>Parameters 用于提取函数参数的类型，而 ConstructorParameters 用于提取构造器参数的类型。</p><h2 id="instancetype" tabindex="-1">InstanceType <a class="header-anchor" href="#instancetype" aria-label="Permalink to &quot;InstanceType&quot;">​</a></h2><p>提取了构造器参数的类型，自然也可以提取构造器返回值的类型，就是 InstanceType。</p><h2 id="thisparametertype" tabindex="-1">ThisParameterType <a class="header-anchor" href="#thisparametertype" aria-label="Permalink to &quot;ThisParameterType&quot;">​</a></h2><h2 id="omitthisparameter" tabindex="-1">OmitThisParameter <a class="header-anchor" href="#omitthisparameter" aria-label="Permalink to &quot;OmitThisParameter&quot;">​</a></h2><h2 id="partial" tabindex="-1">Partial <a class="header-anchor" href="#partial" aria-label="Permalink to &quot;Partial&quot;">​</a></h2><h2 id="required" tabindex="-1">Required <a class="header-anchor" href="#required" aria-label="Permalink to &quot;Required&quot;">​</a></h2><h2 id="readonly" tabindex="-1">Readonly <a class="header-anchor" href="#readonly" aria-label="Permalink to &quot;Readonly&quot;">​</a></h2><h2 id="pick" tabindex="-1">Pick <a class="header-anchor" href="#pick" aria-label="Permalink to &quot;Pick&quot;">​</a></h2><h2 id="record" tabindex="-1">Record <a class="header-anchor" href="#record" aria-label="Permalink to &quot;Record&quot;">​</a></h2><h2 id="exclude" tabindex="-1">Exclude <a class="header-anchor" href="#exclude" aria-label="Permalink to &quot;Exclude&quot;">​</a></h2><h2 id="extract" tabindex="-1">Extract <a class="header-anchor" href="#extract" aria-label="Permalink to &quot;Extract&quot;">​</a></h2><h2 id="omit" tabindex="-1">Omit <a class="header-anchor" href="#omit" aria-label="Permalink to &quot;Omit&quot;">​</a></h2><h2 id="awaited" tabindex="-1">Awaited <a class="header-anchor" href="#awaited" aria-label="Permalink to &quot;Awaited&quot;">​</a></h2><h2 id="nonnullable" tabindex="-1">NonNullable <a class="header-anchor" href="#nonnullable" aria-label="Permalink to &quot;NonNullable&quot;">​</a></h2><h2 id="uppercase" tabindex="-1">Uppercase <a class="header-anchor" href="#uppercase" aria-label="Permalink to &quot;Uppercase&quot;">​</a></h2><h2 id="lowercase" tabindex="-1">Lowercase <a class="header-anchor" href="#lowercase" aria-label="Permalink to &quot;Lowercase&quot;">​</a></h2><h2 id="capitalize" tabindex="-1">Capitalize <a class="header-anchor" href="#capitalize" aria-label="Permalink to &quot;Capitalize&quot;">​</a></h2><h2 id="uncapitalize" tabindex="-1">Uncapitalize <a class="header-anchor" href="#uncapitalize" aria-label="Permalink to &quot;Uncapitalize&quot;">​</a></h2><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>比如用模式匹配可以实现：Parameters、ReturnType、ConstructorParameters、InstanceType、ThisParameterType。</p><p>用模式匹配 + 重新构造可以实现：OmitThisParameter</p><p>用重新构造可以实现：Partial、Required、Readonly、Pick、Record</p><p>用模式匹配 + 递归可以实现： Awaited</p><p>用联合类型在分布式条件类型的特性可以实现： Exclude</p><p>此外还有 NonNullable 和四个编译器内部实现的类型：Uppercase、Lowercase、Capitalize、Uncapitalize。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/hashmap.json b/hashmap.json
index de6a44af9f..080ecc3d78 100644
--- a/hashmap.json
+++ b/hashmap.json
@@ -1 +1 @@
-{"cn_index.md":"CC940uHT","cn_src_article_astparse_tokenizer.md":"CbTsq3qg","cn_src_article_babel.md":"Bb4oNZ50","cn_src_article_bundle.md":"BgkzbBow","cn_src_article_designmode.md":"BzjcnDMg","cn_src_article_docpreview.md":"Bk6_K5Up","cn_src_article_functionalprogramming.md":"BI-pI2Tm","cn_src_article_imagemin.md":"CEVub_ZQ","cn_src_article_javascript_domload.md":"CI-VlQc8","cn_src_article_sort_bubble_index.md":"Cr8QMhiM","cn_src_article_sort_bucket_index.md":"Dl_rJ3sv","cn_src_article_sort_count_index.md":"BwHTgoYv","cn_src_article_sort_heap_index.md":"oxRUNOKZ","cn_src_article_sort_index.md":"V1uGWtUp","cn_src_article_sort_insert_index.md":"BPxYKrUM","cn_src_article_sort_merge_index.md":"Dz-ycn2t","cn_src_article_sort_quick_index.md":"Dm-fpFZL","cn_src_article_sort_radix_index.md":"CmXyO2h4","cn_src_article_sort_select_index.md":"C6f3fqev","cn_src_article_sort_shell_index.md":"B0DKjSD6","cn_src_article_systemdesign.md":"Oy3scZvv","cn_src_article_typescript_calculate.md":"DPFdz5ZN","cn_src_article_typescript_index.md":"CaFWWXxk","cn_src_article_typescript_pattern.md":"GG3CpSHa","cn_src_article_typescript_reconstruction.md":"B-6dp4-w","cn_src_article_typescript_recursion.md":"NrD8NlPF","cn_src_article_typescript_uniontype.md":"BgeL6nAW","cn_src_article_video.md":"Cz2oSvp1","cn_src_article_visual.md":"Be4MMnab","cn_src_note_centos.md":"BcqWCqVs","cn_src_note_docker.md":"BeX3ffKU","cn_src_note_libreoffice2wasm.md":"DATIsYiT","cn_src_note_ubuntu.md":"C1lhavpN","cn_src_ranui_button_index.md":"B-YucaRE","cn_src_ranui_checkbox_index.md":"7OhoHSmh","cn_src_ranui_icon_index.md":"7jVbQ82_","cn_src_ranui_image_index.md":"CEdjKNte","cn_src_ranui_index.md":"Cv0LhI4v","cn_src_ranui_input_index.md":"CKpr9bUR","cn_src_ranui_loading_index.md":"CcRWELn0","cn_src_ranui_math_index.md":"nmeuJ7af","cn_src_ranui_message_index.md":"OWf7PDqT","cn_src_ranui_modal_index.md":"C5SgGuYU","cn_src_ranui_player_index.md":"DXjOFy1h","cn_src_ranui_popover_index.md":"YQ2K5eFD","cn_src_ranui_preview_index.md":"MwV2D84f","cn_src_ranui_progress_index.md":"BhrzleOl","cn_src_ranui_radar_index.md":"JUC5Tblz","cn_src_ranui_select_index.md":"CqrSnS3F","cn_src_ranui_skeleton_index.md":"DfgRdP5t","cn_src_ranui_tab_index.md":"BlcshkmY","cn_src_ranui_tabs_index.md":"BnLsjdMq","cn_src_ranuts_binarytree_index.md":"CoTPSG40","cn_src_ranuts_bundler_index.md":"Bui4hlUf","cn_src_ranuts_file_appendfile.md":"CYzaDkUO","cn_src_ranuts_file_fileinfo.md":"cszSvf9s","cn_src_ranuts_file_readdir.md":"DVHZJj5k","cn_src_ranuts_file_readfile.md":"CMWdjeNp","cn_src_ranuts_file_watchfile.md":"5h3FtZpC","cn_src_ranuts_file_writefile.md":"DLZe7Swq","cn_src_ranuts_index.md":"B_7KgyI-","cn_src_ranuts_mimetype_mimetype.md":"nxjk8xi_","cn_src_ranuts_mode_subscribe.md":"BpJB8REw","cn_src_ranuts_utils_convertimagetobase64.md":"BQFuSXTt","cn_src_ranuts_utils_filterobj.md":"R6pWg6_Y","cn_src_ranuts_utils_formatjson.md":"w3L-Rhdf","cn_src_ranuts_utils_getcookie.md":"ChQkIFFD","cn_src_ranuts_utils_ocr.md":"CCSas4Mw","cn_src_ranuts_utils_str2xml.md":"CgTEUJ7O","cn_src_ranuts_utils_task.md":"BLYztfpY","cn_src_types_ts类型.md":"ctrtnDXL","cn_src_types_模式匹配.md":"DWHjoF0h","cn_src_types_类型运算.md":"BALncgle","cn_src_types_高级类型.md":"C_sodMsN","index.md":"C1mV7KLR","src_article_astparse_tokenizer.md":"m5lyUfzX","src_article_babel.md":"D0mGQXMo","src_article_bundle.md":"BvqfF4Lk","src_article_designmode.md":"DWnxNFS_","src_article_functionalprogramming.md":"Bbl-kdPi","src_article_imagemin.md":"CNzOGYN8","src_article_javascript_domload.md":"f1BWKaWm","src_article_sort_bubble_index.md":"DM2Rnnat","src_article_sort_bucket_index.md":"BTbi9aJ6","src_article_sort_count_index.md":"Ch5HRRp8","src_article_sort_heap_index.md":"D-XARjAx","src_article_sort_index.md":"LNhlg9Oa","src_article_sort_insert_index.md":"B-oNm95-","src_article_sort_merge_index.md":"D6h05wbs","src_article_sort_quick_index.md":"C9uemKEa","src_article_sort_radix_index.md":"Ca-wVT5Q","src_article_sort_select_index.md":"CgrU_Nnu","src_article_sort_shell_index.md":"DOUhMGGU","src_article_typescript_calculate.md":"CVW8Xao2","src_article_typescript_index.md":"CZyb-Nhf","src_article_typescript_pattern.md":"dRLdKmiq","src_article_typescript_reconstruction.md":"RJXBSd9W","src_article_typescript_recursion.md":"CxwYW6pd","src_article_typescript_uniontype.md":"lwThafAB","src_ranui_button_index.md":"Bv4CarK8","src_ranui_checkbox_index.md":"D6UQK38M","src_ranui_icon_index.md":"Cada4EMN","src_ranui_image_index.md":"iND1p-rT","src_ranui_index.md":"BQzsJSIN","src_ranui_input_index.md":"dqo--3Vk","src_ranui_loading_index.md":"Cr0qirnC","src_ranui_math_index.md":"CAvnqA_Q","src_ranui_message_index.md":"Dr_PZANG","src_ranui_modal_index.md":"BChGxskG","src_ranui_player_index.md":"DSXQVeNM","src_ranui_popover_index.md":"4cp6AOCz","src_ranui_preview_index.md":"GrIEkeLk","src_ranui_progress_index.md":"Be_sOmHB","src_ranui_radar_index.md":"CkBeOv58","src_ranui_select_index.md":"DgN8GI_q","src_ranui_skeleton_index.md":"DnZOMEV1","src_ranui_tab_index.md":"CciVbuSi","src_ranui_tabs_index.md":"CkEcQ38o","src_ranuts_binarytree_index.md":"DvglfkNJ","src_ranuts_bundler_index.md":"D3F9791C","src_ranuts_file_appendfile.md":"CN41s_o-","src_ranuts_file_fileinfo.md":"CZ2C_27B","src_ranuts_file_readdir.md":"d3nM0oPh","src_ranuts_file_readfile.md":"CwPAyuVM","src_ranuts_file_watchfile.md":"DYvq_aUK","src_ranuts_file_writefile.md":"CdGN48zU","src_ranuts_index.md":"CHFYg7WB","src_ranuts_mimetype_mimetype.md":"Bp_Buc7N","src_ranuts_mode_subscribe.md":"DmGp9s_W","src_ranuts_utils_convertimagetobase64.md":"CQdNGUWw","src_ranuts_utils_filterobj.md":"SUYinD61","src_ranuts_utils_formatjson.md":"BQjsxBql","src_ranuts_utils_getcookie.md":"glwGRuBT","src_ranuts_utils_ocr.md":"Bac0Ieci","src_ranuts_utils_str2xml.md":"BTPyA91O","src_ranuts_utils_task.md":"BA-6r3zJ","src_types_ts类型.md":"BAdYqP2z","src_types_模式匹配.md":"CFNrWo4G","src_types_类型运算.md":"DitU5zkD","src_types_高级类型.md":"BcsCXIM4"}
+{"cn_index.md":"BLhfTKfk","cn_src_article_astparse_tokenizer.md":"fRsPjbrs","cn_src_article_babel.md":"igUT7dgP","cn_src_article_bundle.md":"DQFZ3YRD","cn_src_article_designmode.md":"B2Mi_NTb","cn_src_article_docpreview.md":"BpvHIdsV","cn_src_article_functionalprogramming.md":"B0WkJbH2","cn_src_article_imagemin.md":"O-LRpAFt","cn_src_article_javascript_domload.md":"Cc9Twcl2","cn_src_article_sort_bubble_index.md":"BL_0xBSg","cn_src_article_sort_bucket_index.md":"CInFho5i","cn_src_article_sort_count_index.md":"CLrg_eAi","cn_src_article_sort_heap_index.md":"CjUwiufT","cn_src_article_sort_index.md":"BhyMit8Y","cn_src_article_sort_insert_index.md":"C4G7YeWl","cn_src_article_sort_merge_index.md":"CrLtJpMk","cn_src_article_sort_quick_index.md":"CmIbA4AB","cn_src_article_sort_radix_index.md":"vBHH0tHh","cn_src_article_sort_select_index.md":"Cd2SKviA","cn_src_article_sort_shell_index.md":"CQc6o0U8","cn_src_article_systemdesign.md":"hF7LXas7","cn_src_article_typescript_calculate.md":"DFF0Jmnv","cn_src_article_typescript_index.md":"BE6MDNaH","cn_src_article_typescript_pattern.md":"ClYdggen","cn_src_article_typescript_reconstruction.md":"CwRrki5l","cn_src_article_typescript_recursion.md":"DXrQrnQX","cn_src_article_typescript_uniontype.md":"BEJLXxlO","cn_src_article_video.md":"D_lFXyPJ","cn_src_article_visual.md":"DseWRfx9","cn_src_note_centos.md":"DNIN5Wz6","cn_src_note_docker.md":"Dwk9bEUN","cn_src_note_libreoffice2wasm.md":"DG6uOQ65","cn_src_note_ubuntu.md":"boe-scbt","cn_src_ranui_button_index.md":"ByX0UCnc","cn_src_ranui_checkbox_index.md":"Csmdnt0O","cn_src_ranui_icon_index.md":"VgKq_hwc","cn_src_ranui_image_index.md":"DTxkaIXi","cn_src_ranui_index.md":"DbAIrpTI","cn_src_ranui_input_index.md":"Xj5VXLle","cn_src_ranui_loading_index.md":"Cd9-GnXr","cn_src_ranui_math_index.md":"vkrzCmwa","cn_src_ranui_message_index.md":"DQaOXw4A","cn_src_ranui_modal_index.md":"Ct_5BTpn","cn_src_ranui_player_index.md":"ClG2z7Rd","cn_src_ranui_popover_index.md":"CKCBCC0z","cn_src_ranui_preview_index.md":"HNgH1cdk","cn_src_ranui_progress_index.md":"B6p9KAvb","cn_src_ranui_radar_index.md":"D7lwGVbW","cn_src_ranui_select_index.md":"x3hqXtMG","cn_src_ranui_skeleton_index.md":"CxsOeOpu","cn_src_ranui_tab_index.md":"_Yrr2Do-","cn_src_ranui_tabs_index.md":"Y6X6hlvp","cn_src_ranuts_binarytree_index.md":"B0ahr_Mn","cn_src_ranuts_bundler_index.md":"DwAuuXbu","cn_src_ranuts_file_appendfile.md":"B63KmkE8","cn_src_ranuts_file_fileinfo.md":"CqJn8JuV","cn_src_ranuts_file_readdir.md":"BAFE9wq0","cn_src_ranuts_file_readfile.md":"_sEkTrwK","cn_src_ranuts_file_watchfile.md":"DizkqDrO","cn_src_ranuts_file_writefile.md":"Bu4zBA8r","cn_src_ranuts_index.md":"Br1tGjNi","cn_src_ranuts_mimetype_mimetype.md":"D8QLJam4","cn_src_ranuts_mode_subscribe.md":"Dfqta45A","cn_src_ranuts_utils_convertimagetobase64.md":"Baw_0VwK","cn_src_ranuts_utils_filterobj.md":"CxRU9J7j","cn_src_ranuts_utils_formatjson.md":"BPEAnSbs","cn_src_ranuts_utils_getcookie.md":"Cn937pro","cn_src_ranuts_utils_ocr.md":"DDRRaGe9","cn_src_ranuts_utils_str2xml.md":"Bde3XsNH","cn_src_ranuts_utils_task.md":"vM2hJa_Z","cn_src_types_ts类型.md":"BqYfr0BF","cn_src_types_模式匹配.md":"Cv2DtzlL","cn_src_types_类型运算.md":"DMkykj3f","cn_src_types_高级类型.md":"BDtDighX","index.md":"D7BH-fMN","src_article_astparse_tokenizer.md":"CuCr3w1T","src_article_babel.md":"Cy_u0Zgd","src_article_bundle.md":"CJFsaLBq","src_article_designmode.md":"CsQyDQ9L","src_article_functionalprogramming.md":"BPj6iTX9","src_article_imagemin.md":"F6ka3QYU","src_article_javascript_domload.md":"ISLuBQzT","src_article_sort_bubble_index.md":"DmhPntEW","src_article_sort_bucket_index.md":"1nocTUlS","src_article_sort_count_index.md":"Du6QhWUu","src_article_sort_heap_index.md":"DUjhT9HH","src_article_sort_index.md":"Day6RJ-s","src_article_sort_insert_index.md":"Cmba0n6W","src_article_sort_merge_index.md":"BYCAvkHG","src_article_sort_quick_index.md":"BVXZPTlC","src_article_sort_radix_index.md":"CZgriu-L","src_article_sort_select_index.md":"DVQbDLxi","src_article_sort_shell_index.md":"CGmp_Zfr","src_article_typescript_calculate.md":"vojGlJJE","src_article_typescript_index.md":"CkcO1_RK","src_article_typescript_pattern.md":"CLkB9hDT","src_article_typescript_reconstruction.md":"6hei5wds","src_article_typescript_recursion.md":"Cklrk5ux","src_article_typescript_uniontype.md":"DWIWcdin","src_ranui_button_index.md":"xyRWgUv8","src_ranui_checkbox_index.md":"DZWEhA_6","src_ranui_icon_index.md":"CCbuLCdk","src_ranui_image_index.md":"DWE25Dbt","src_ranui_index.md":"CLoF5T0G","src_ranui_input_index.md":"BYzbt7Jg","src_ranui_loading_index.md":"CPbTFkjm","src_ranui_math_index.md":"BEaDYiBh","src_ranui_message_index.md":"C9TUA1qN","src_ranui_modal_index.md":"CeMIN_J0","src_ranui_player_index.md":"DwTQwuCV","src_ranui_popover_index.md":"PFeffqLM","src_ranui_preview_index.md":"hkKqqHBY","src_ranui_progress_index.md":"CubSOb3E","src_ranui_radar_index.md":"DVubbf7p","src_ranui_select_index.md":"DQq3MVHp","src_ranui_skeleton_index.md":"BUf_Burp","src_ranui_tab_index.md":"DSSJuz31","src_ranui_tabs_index.md":"Y_dSHlvB","src_ranuts_binarytree_index.md":"TEku7NN9","src_ranuts_bundler_index.md":"DzEPrDNS","src_ranuts_file_appendfile.md":"1-6oJJ-H","src_ranuts_file_fileinfo.md":"C2z4D1Q8","src_ranuts_file_readdir.md":"BvSC38m-","src_ranuts_file_readfile.md":"Ac6LvpUh","src_ranuts_file_watchfile.md":"i-gzm-Mr","src_ranuts_file_writefile.md":"2z4SHchp","src_ranuts_index.md":"BJ436-Wa","src_ranuts_mimetype_mimetype.md":"CgbW52XX","src_ranuts_mode_subscribe.md":"CBjAEwg0","src_ranuts_utils_convertimagetobase64.md":"COMNqW1t","src_ranuts_utils_filterobj.md":"Q_-NUV8p","src_ranuts_utils_formatjson.md":"DQX6wWMq","src_ranuts_utils_getcookie.md":"CRjg9zYL","src_ranuts_utils_ocr.md":"COxYWSg4","src_ranuts_utils_str2xml.md":"84gjZ6IG","src_ranuts_utils_task.md":"DEROvLOz","src_types_ts类型.md":"Du9AK3lr","src_types_模式匹配.md":"DO7GM6xX","src_types_类型运算.md":"D_oUktxL","src_types_高级类型.md":"xpfmnY7g"}
diff --git a/index.html b/index.html
index 4719896641..4786167b26 100644
--- a/index.html
+++ b/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/index.md.C1mV7KLR.lean.js">
+    <link rel="modulepreload" href="/ran/assets/index.md.D7BH-fMN.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
     <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPHome" data-v-c575eed1 data-v-c1e44215><!--[--><!--]--><div class="VPHero has-image VPHomeHero" data-v-c1e44215 data-v-0313f8fa><div class="container" data-v-0313f8fa><div class="main" data-v-0313f8fa><!--[--><!--]--><!--[--><h1 class="name" data-v-0313f8fa><span class="clip" data-v-0313f8fa>ran</span></h1><!----><p class="tagline" data-v-0313f8fa>A Troupe of little vagrants of the world , leave your footprints in my words .</p><!--]--><!--[--><!--]--><div class="actions" data-v-0313f8fa><!--[--><div class="action" data-v-0313f8fa><a class="VPButton medium brand" href="https://github.com/chaxus/ran" target="_blank" rel="noreferrer" data-v-0313f8fa data-v-bbea5d5d>Thanks to star</a></div><div class="action" data-v-0313f8fa><a class="VPButton medium alt" href="https://github.com/chaxus/ran" target="_blank" rel="noreferrer" data-v-0313f8fa data-v-bbea5d5d>Visit my GitHub</a></div><!--]--></div><!--[--><!--]--></div><div class="image" data-v-0313f8fa><div class="image-container" data-v-0313f8fa><div class="image-bg" data-v-0313f8fa></div><!--[--><!--[--><img class="VPImage image-src" src="/ran/home.svg" alt="logo" data-v-7b8f395d><!--]--><!--]--></div></div></div></div><!--[--><!--]--><!--[--><!--]--><div class="VPFeatures VPHomeFeatures" data-v-c1e44215 data-v-b79e191c><div class="container" data-v-b79e191c><div class="items" data-v-b79e191c><!--[--><div class="grid-3 item" data-v-b79e191c><div class="VPLink no-icon VPFeature" data-v-b79e191c data-v-ce15ebd4><!--[--><article class="box" data-v-ce15ebd4><div class="icon" data-v-ce15ebd4>⚡️</div><h2 class="title" data-v-ce15ebd4>record</h2><p class="details" data-v-ce15ebd4>Every journey has its final day.</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-b79e191c><div class="VPLink no-icon VPFeature" data-v-b79e191c data-v-ce15ebd4><!--[--><article class="box" data-v-ce15ebd4><div class="icon" data-v-ce15ebd4>🛠️</div><h2 class="title" data-v-ce15ebd4>solve</h2><p class="details" data-v-ce15ebd4>If you can't measure it, you can't improve it.</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-b79e191c><div class="VPLink no-icon VPFeature" data-v-b79e191c data-v-ce15ebd4><!--[--><article class="box" data-v-ce15ebd4><div class="icon" data-v-ce15ebd4>🖖</div><h2 class="title" data-v-ce15ebd4>share</h2><p class="details" data-v-ce15ebd4>If you want to go fast, go alone. If you want to go far, go together.</p><!----></article><!--]--></div></div><!--]--></div></div></div><!--[--><!--]--><div class="vp-doc container" style="" data-v-c1e44215 data-v-269c2bad><!--[--><div style="position:relative;" data-v-c1e44215><div></div></div><!--]--></div></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/pagefind/fragment/en_1f28c1c.pf_fragment b/pagefind/fragment/en_1f28c1c.pf_fragment
deleted file mode 100644
index 840f271ccc7439a2e54a16717fa1d49d4f710954..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 750
zcmV<K0ulWmiwFP!00002|9w>3Qrj>P{goX*!H^43C^JdvOrg`3*OoU(8QEUjN@dBF
z)&!c#zjq}$&V{Dq2W$3n_Uze}8c|{)b^erR`7&v(N+!wJ*=#H<$xPwc8B61|O;bK6
zgCsMWP!mVp1RMNdKXhjw3(|oAC+lWy5UMm*QdN)Oj=*Arf-qOF@GPAq2UKw&{%%oc
z2xK6Qd6*9%Gj$`Z)Fsfu04l7xHsdoWkgO4e&cQ82(}b7`YmkNizk;v`QU~ybHS9Gu
zM>~RhZ!q>3m?9GBGB*^sfi+2JHAw~9Ky4TgU$RQ*5?w&oh`A?8mGE5;c2O$fxD(V}
zFR^eh1(e8r`0lmfHVSL%kY0$4BA}~<QfN0#J7pFu+GA2EBj_>lQu!1zjqhbw#mbtt
zta`#D_|#X<(PdUPB#nmKpfB^v=OW`OeKj6cge;_W1V#s0QdyQviTUZS9<Ku{;3p8(
zPYqR5_#BzJ(3;^ML{>o~r1eDK)EaEHAF72&LBWz@DYXtWil9pDMPOiHqH29a2M(?>
zt;+pQMVIC2(G<Ri0SB8%%`<Z)Y+NAAvTsCZ0kPSFWg+_Hm~!Tcz3Ubwbj|bjd|5BQ
zz6y!u|9bZY8jFrWMW=j@Jc^omI~I|l;~j%*I8xHl1aw=cXdh<BaQzXM5QCij<3oJJ
zNTDvh+Me_gmjTJ1(<%Qxgg8E(oE&p%A25#r^FCl61NhE_q7QP$u5g;qykl*=?oU70
z?&<pQALpUWRroAYYjv=)Y08fa-^=_dGp&DL&QISDl0qs%>ypWGHAreC!KXyl{AN7~
zwf6{dK1ove#v0=Nvu1@J3+MRebr0I;)-{(m7x&*rr7RLIA#_$5U+-a=bUVO_)tN`h
z`4rQJt}BNxZ#gKFg$XB<)74-H<$R6OzXHRpySTyo=T+T7zPdaF&3z2F_iTf@zkxe|
gXBP(%GhWo8U(^j$zq@-FSF73TFU5%^T~G!90692fM*si-

diff --git a/pagefind/fragment/en_30709d8.pf_fragment b/pagefind/fragment/en_30709d8.pf_fragment
new file mode 100644
index 0000000000000000000000000000000000000000..ba76ba37bf10bc92da66e3e77e6d5b7e5c9feaf7
GIT binary patch
literal 1028
zcmV+f1pE6RiwFP!00002|IJlhZ`(E${VNxGD3a8c<1}4SdodOi%a*4BOR)h9f`FE;
zE!Gt2k+fac@PFSSB}=yBVA!7eB<g;g`@wq;=VHnesq^PN%Qwlws$`J#oXvW|dYLKi
zIb(g#6|7V*=_Hxap0$V3LlDsev{W5e!jaTVXgSA$`XAqa?2yno`GRR8t@AXtEM~s2
zW-%@3w=;cpP61!)DG4<-R{ElhKthu&=hiHNwPfq0(PSp%AXE%=$MAxz_D<>EQ!XbH
zn9{_W^2j9Q;|qbWr>R`Bqq$`mv(A{jq0(4}zw<(SV#Ot@a4G#NQCH=Ul$0}+38j#d
z<$RIFGBX>Eqg6_`O%XY}%*uJp;4akOiEUUF2KiggjLpgM--}%aV~!93(;<_k%p*KB
zj?n;tJQm~b&I3gn3o`)uQ{DKCP;SndoXBjivjIBhH3ql{AWE5)8_)x422$wyuA&gJ
z$*+&>uR3X(lAm=@1UeTwDo5nMKsCGR59u}wMTM(G(xFzpD93EWwVeWWG^<+DL_v0S
z3&v}j(OfvkxP&`Y$|5ToLk!h%DEwM>bEBiMy%jHyV*HOzuh2SDtf%;t)j(J2z{-oU
zI!gTbQd0V}U>&n)^O}gvqbxWYt=819vV;cC2MzI97++nMpct)PsX8b0H~clJyi^_G
zru57GU047YZX^!QCzCV9-6|W|7uUPEpbPqGZ<Gf|EAbz;^m|!R6f_rBl(f0ER;;(A
zfElEg{le--e9^;HX{aLi(G8si!$CdOk5A|Ak#0t`*;&hP4C7#%R<|&WyLzS=b%{B2
z(PT6t>`V}h=(0YHZm53_q{d#t8k!*vKSsB3dK+cuO~h=0*++R*&`0?+q~MG0-Rqpc
zLN2LW!K@02dpT=V2zW_v-c*h|=@T-lF+-389lZ@ePrF!+%didCtyA8<=2>G0i!Ien
z52g?d_Xt#Iq1FzU`nlR~4wH3o+tp(G_<BT=@oblS3{%nI3o!;nM-t#Tb0S}gid5>g
zdetEh4<#llUu#jyFlOs2L`$%dm0NY?Qc=<osEf~B4#rVtUNOh-2GfMsl=CUCWCnW7
zOjj&?VIqk(t#NdAjphD1mtlF%Q#{Kn(BX4t7U5-nclEB5Or%0Umkc)BPExWLI3=>g
zV;|mkD|9cgt9RAQo__kP`>lWf$26VF3E-mPvrvccJQQAf#fL)RqkqT|!5%kBy_v8n
z`T;4&DaPo!8iK#RfK?`ooRbVLx19rws~twu<L(|EwQwgN-UH<8>(`)Bb9bK&ThwEo
yJOJ#!e-$wUopulDv;{rEwMV!={Cg92+i|J`d%70&>cfZa)Ak>A%4l=$2><|CdHNFo

literal 0
HcmV?d00001

diff --git a/pagefind/fragment/en_324b2ed.pf_fragment b/pagefind/fragment/en_324b2ed.pf_fragment
deleted file mode 100644
index f3b373ff2195b39f67086263ce94b61c1b5ae61a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 933
zcmV;W16uqaiwFP!00002|AkdiZ`(Ey{wp^<6jmV1j@NCd-2`hpY$&#27}~cW2x#df
z5v53#q~Z#O|9g+5WJyknya?3syYKEk9*+$xvEVX)$g}(ywOT~mXk~P^V%qXd;L0d%
zS2gMqS5XpWN?MebK>s=ue4<?lO9upQfJwljz|8W;-pE9$G`Cd^duA{PCBYMdYEU!F
zl}zDt<y_A|_XCfpJFs2DGbVsFji7}?gDT(;{>XErU^#qH@@tDah4&p~s@`+SWeK(-
zex0MHfTrCWB#g|^Bt%T8MxaH}jgWrdMOJ&uxWwFL#avAZAj_&LjfeHF1=q$VJ{1Zo
zedH<BU|Ex9RFOWXl)}dX>_MGLEZYkV5U))RTw2<eIEN&_y~-qsARB|t^1!;_lft{R
zfH|5>^Tx~7YvuCdvT5yDED0%4mbL;J;<=QjYE2QV&5i`Yr<endSvwWnq0>^MX+j%_
zF72Dd`-bfq#kpAOMLO&O((kA6*T+AhAwtqIw7>^N73Ek{%7&WK*#77dZeSs>uv>Vi
zHS6BWw%((@O+fRqy0pe{a|=fZ1cIB(eImQN-@&2c0t0Q@t8oi!c=alfPHZu;@ghL)
z*7xxCCO~NIwp@s`X-yTlOvMYkh<}QAZ~_ztXOO@>!<?Q;<t5(UW14CFQXGx8)zV|=
zcL%GhE4YH+Cr!1T-g??<m}WH`y?Q6_=&U`@V7^-QQitpBPU@-V@sl$ckLWlw<B6O@
zc0p}#B(bkuY4hxdkUY<Yi#Z(DEnM%0lPA%7!qm`|!Nof19pVAwRhom&h(2K7feT-q
zKZ!UAr3Q`T*o!${QbxVr8M@6E6BLZU>%mZ?trQK6fA|+SO9WjhztK|%5Dn5o>DpbS
z92=yMv~Ic;lUtuN%M#eP6Lj6uSlgqus0m1ud%{oljJ4F0Vc;-9bH>1b3n^47W8wtM
zYwTy~H*UK$Ob5+!T&kjQPWX*}DbHHbBsUGCt4xo`fhO8Rrds!oY+k=kqJj&`z(m{Q
zDT%0FMyrU|^fWy%F@J2x-Eu4N(&*9d?b1xHm@#Ngc(u~^WqVlu{ePR5yoiXO$*fW?
z*xfOrYU}WvRo9Lrr<M0wnm!g)a2ZOd@C-%U^(mQgYzB_=L$;h;nUU_<F+F4c^_L$}
zQx(hUBpg{UXXK3V&2K*<%xID>-6S2E&ck(1@#f`nhmL-(*2&&Tx>^5xx<7pf3TJln
Hh6n%vkdoFG

diff --git a/pagefind/fragment/en_3541bef.pf_fragment b/pagefind/fragment/en_3541bef.pf_fragment
deleted file mode 100644
index 03dd4b56474e48d8f1c91ff54c62af5d239db3a6..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1034
zcmV+l1oitLiwFP!00002|E*Trj@vd6{gtVn;<aq=rbyaa>!Lw|7I|x$ygAN-mPQh>
zlIW0>cejTBy)&e4*4j-9^hKa%hG&Ln4lg^AVJfTSE{T&vQ0pRC1`DI(h0s>U1ul%z
zcJZ~A@%<tQgIHA-D@#Ei*aRQR3!id?tuQhMnV<lbf{O>9Dys~n0h<d;9|VoD(g_(9
zY|%wv0z%UecR~yPlNCAbgQ7u#JETu#ft;3Mw5qclRORQ+UG95)dT^kWnLQlK<6%CR
zq7+4env1FEqYSoDiay%SbBL8QatS`|2rH)PeerGK#S<?|#JR*hx_GKvx|Mycv5IjH
zZ;DK5Y4Z{iG_jUDD^&%KNd|-3pn*j0iN=|zk{Pj0Q#IpyD+nm0u{}km-p<%!JQHSz
zu}rBEqRT|&`(#@t+CZv`LOqxz{7G54JF2!o3&H|RCOXxsbk(<IhqPXzjV8nAU?=y=
zehwn|3yBKHWgkh5_(oHFi)Y5HJE<V-MNy;c%B~Qx>pG{dy2cHos^k>15IXxd;udpK
z&^X|Qt5}o>Rb6fgg}a$4<`|`ufgz$N)U4Dt>thi}*D8FJ)`T9CR-BhY-!sF~*HOwO
zDLPU0egBkmjOmH&5!DV!JTziT<60ZJXC<*540pE$aU$#qKx57?pB8*^R;E$d^SsUB
zkN3aBPNShnR}Z{Zq_+f1qQ)$)uHXuO8>n^(AJJ{dlk`p=9LZavgu@%H#naJiwzqoX
z$&BeavzA%z>>6#YtKPxq!6RHPfcAy40}@y8f>SJ;maaEsS#Ls@pf!dbxBZ>K>Q^|l
zNUrRai;w7Qn^ddDGliRoHjbt=>?6DLM>M=$d0ZM#rxQYysV`<NH*o7#zIGs+vGa%3
z%DWwwbGNQlH~KORiH1Ml3i_9ThRNxahsQxtZqYNi85GyoJ`PzuvwRs&iH1Ml8T?<+
zNhe+&T?pACIH%ONbgam#R<)s>)u|?=4cgvGDQb6sc@_WP`fX4;;l`@mO1h_>$@Y5`
z>$=5>Z@qictGHd+duF7a#v*PVE}c)(fKQ^fn#Oku!pgrC=}|`U)P~8RHynAfEg!l^
z!ez!UQRp8S=lA_&_}_1GBmc%mR`UX@%;r&B=IO$&Lm%6$C8B2!KQHcLRrAZ|$6v0)
zAe9B3q$XG%j$u%u6*LNDNsp;JQJg-HXgV=e;MnM*`L(4*wGf8HX#6{C{_fq&pSR{A
zo@X)*2w%`mqd3|65HyE5&C72XB%zU;H8V{ve0-L_P_aAHgXQ%xJi&O`VssCN*`P-~
z+}W4Q3G%Dgm!N4Cv*FFsqmJ*K6Tq9-uP!0RbT!TRYU-i7+iHaI({XeB2Wi_Le&h-O
E0LktH8UO$Q

diff --git a/pagefind/fragment/en_38d8359.pf_fragment b/pagefind/fragment/en_38d8359.pf_fragment
new file mode 100644
index 0000000000000000000000000000000000000000..5c2c188f623ab251294307e972e3aae86183cf02
GIT binary patch
literal 357
zcmV-r0h<0FiwFP!00002|4orSPs1<}hX2aRQzKOg6<bOfIxqq|LX{g|TMNgI{Gn1s
zSx}i-U@20?g2c$gRN&9_W8^PjH{oN-<?i11wVo^J7)M;P0n1oPoE9V{iP2f2sdUyP
zLnoO)osc%kl(Z<VU+C9OXui9}eEt5pyMOswEnvNR+T1>aDlAvhz~=5|`|ujW$jK~p
zVCcADt!A9USzScwxmGzhc+?N`V<^GL84Gnj^g!aY$!nG1pP^^zPe{yV;Ve{97c^R@
zWuuDgtSGh<l&w|-z2MudlrTn#np#Yu9yKD3lA-pks=K$WV7q+VF6W!akJwX~D$NF&
zask9)r%gs&Sk#83Wz{A*TIwspbB{HU^b`|n4E~aghgY+M)0~~eg&cdk{pNs*fYtw6
zZUz1kCf<|EY@$NIMM+R#UY}sn31a4}=0ZV?*Z;2L8$x9?5F+V8by<A_7T$ot>j3}&
D-_fwY

literal 0
HcmV?d00001

diff --git a/pagefind/fragment/en_3df5c5f.pf_fragment b/pagefind/fragment/en_3df5c5f.pf_fragment
new file mode 100644
index 0000000000000000000000000000000000000000..d6abce515f477cdd756a728abe953129a71db20f
GIT binary patch
literal 933
zcmV;W16uqaiwFP!00002|AkdiZ`(Ey{wp^<6jmV1j@NCd-2`hpY$&#27}~cW2x#df
z5v53#q~Z#O|9g+5WJyknya?3Y$M5bw9*+$xvEVX)$g}(ywOT~mXk~P^V%qXd;L0d%
zS2gMqS5XpWN?MebK>s=ud?GJ|r2_&tz$9Q%U}pJaZ)BoWn%k;|Ju{etlHdtJHK>{8
zN~Z9+a$C<p_XCfpJFs2DGbVsFji7}?gDT(;{>XErU^#qH@@tDah4&p~s@`+SWeK(-
zex0MHfTrCWB#g|^Bt%T8MxaH}jga2&BCEY+Tw?CBVy>nHkY&}B#>4up1=q$VJ{1Zo
zedH<BU|Ex9RFOWXl)}dX>_MGLEZYkV5U))RTv~EVoI?`eUS*O*kd47+d0<`Glft{R
zfH|5>^Tx~7YvuCdvT5yDED0%4mbL;J;<=QjYE2QV&5i`Yr<endSvwWnq0>^MX+j%_
zF72Dd?+xx5#kpAOMLO&O()&~R>*Jr$5FzOpTHu4CigK(eWkXGAY=86!H?R;`*e$%%
znsskwTklcdCZKs)U0P$fxrHMH0>RCtpUCd+cW|h<z(AY!YTUvaUcCyW6I)Ddya>>{
z^*y}32@qO4mkW_Lt*HW+sd!-*@lWv%PJqJT3=+6!nA0<<yu{n@m}VNk6i1_Nwe%SJ
z-NEYW3a;SyNmFg7x1L-L)2xQ0SMTIEI&04}n6Fm7)ZzNOlX|Lo{NxPABRUSvc%scA
zyP&o=lGxX-w0ZVJNS^1y#T*Xn7Or>0$&+Y3VQOf~;9{Nh8{z@uRhom&h(2K7feT-q
zKZ!UAr3Q`T*o!${QbxVr8M@6E6BLZU>%mZ?trQK6fA|+SO9Wjh@93!mhz4n)bnPxu
zjt$aBS~uN_$*s?sWeM!t3A%1+tnJZS)C8o-J>e&N##-vhFmRZlIb-0zg%qlkF>!+B
zHTJXg8@F8=rh{fVE>%&uP56y|DbHHbBsUGCt4xo`fhO8Rrds!oY+k=kqJj&`z(m{Q
zDT%0FMyrU|^fbBGNHe)&#-KIf9ZKJq?P2-%|7}|Gg6KT(fr<I6L=MZXz`2q5nanEX
zg54b>s<sZ#S#|B0a$5NqOVd+O1(&o!g=Z+*u20E~V>57^AF}1-%8Yc+j_DcmufP0=
znrdE7C*jC?IU{F;Z+`m`VMdd5=_cvObRMpAiZ?HpJ9PAOwN88^>1O@&>HhQ`Zo|`Z
Hh6n%vGSt_q

literal 0
HcmV?d00001

diff --git a/pagefind/fragment/en_6e7d47a.pf_fragment b/pagefind/fragment/en_449b12a.pf_fragment
similarity index 96%
rename from pagefind/fragment/en_6e7d47a.pf_fragment
rename to pagefind/fragment/en_449b12a.pf_fragment
index 7e5c912beb398a43a2097ab138c5acaf9e48043f..d8d658a1ebb91607a147e88a2746d9b9cd8fd28a 100644
GIT binary patch
delta 119
zcmV--0Eqv`Gs-itCm37M&tVhc7+T#)CzU*@n{T0yqm6&O-t*;uhraA~IslUAUI|C(
z*RXg^MN(0x$`4~}fFc}g>x>h=OT9Htl$$D;-PuHt+VSN7$g@#?<k?6+@+7cmsa1p8
ZP=k|y7(M~Iv%VMs0SMGZDB}=9001WNIrjhn

delta 116
zcmV-)0E_?1GsiQqCm2{<2}kJ{u2_|dq@qrhAG>0hXVZ^o6X6&d<4Gr#JgHlCp^u}D
zf4tuF<$s61>~=b8fFc}g>x>h=OT9Htl$$D8+Sx>K+VSN7$g@#?<k^@K9B5Rfs#AcI
Wf*3vljI+TQ0RafOympolLI42Qtv2WY

diff --git a/pagefind/fragment/en_34b032a.pf_fragment b/pagefind/fragment/en_5094588.pf_fragment
similarity index 78%
rename from pagefind/fragment/en_34b032a.pf_fragment
rename to pagefind/fragment/en_5094588.pf_fragment
index 8340088203fedc60e609d94bafac0a397abb70d4..113e7aa7d730f4e8b0a727466e57c8cba848b792 100644
GIT binary patch
delta 107
zcmV-x0F?jR4%`l~>IF}ZD>|&_1Fq?5H?HU|ugf>)#vQ%?$KOVW-~ROS*Z$YO7XYeX
zA9Z<gW4BZdaQz;?*L~wI?*Ns6IWdX)pS*Lpz3x|R@1GD5cKl{3fOL~M22cX5nUjhJ
N$p}#>Gm|zG002A0HBbNm

delta 106
zcmV-w0G0pT4%-f}>IF_d>hj_WZYcx6@O%7T_l?UrFm+Mf?qRbZa7|CUal3bUUA{3l
zuJ`>v{x&-N_NSM>_P_SMaDYl+OiZHwC+{3?ulp6-`zHj18n;v8cau2=Py#HmlZyt)
M2&;($>^2hs0LiH}0ssI2

diff --git a/pagefind/fragment/en_5861ab4.pf_fragment b/pagefind/fragment/en_5861ab4.pf_fragment
new file mode 100644
index 0000000000000000000000000000000000000000..4ff421494b49732fec1c4a47d28479bd136a1bab
GIT binary patch
literal 751
zcmV<L0ucQliwFP!00002|9w>3Qrj>P{goX*!H^43C^JdvOrg`3*OoU(8QEUjN@dBF
z)&!c#zjq}$&V{Dq2WxhZ&YnG5sSza>Qs+;3mM@dms$`Okoz2F=lFSs2ov}1d+cf2M
zGDtF`2{ke5CdA+e=b>ABEJz0eoUEI5K&aAKNmV_9I|7Rh3c_5y!n1Ue98kqT{N19?
z5Xe9p_hCMO%+!srQkOsr1E{d(+RV?SK(a;<ItRB9O%pH`)*uW2e+6L?qz>c@YdC9c
zj&=n1K49!GFhvy5?c7M<2G$~>)g%>Y1GQm3e90=IOLT!<Bj#QtRl;{Y*k!4N<4#a_
zy~M)36;LAg;k(y@+bFE5!}daC6bW4|ltQ~{+9|VO(;kyT89|SUx5{rJ)A(L?U97BW
z%c>VVf=_+r99?E*L(*ut4gRvOd@eGs(pTf7ij;-4j=<<(ODfBfC9yu;)#Gts2mA>{
z_ftdF6h22~F0^L22a#3K2x-00H?;;^?T2asDJVozETz`rj3TKLdk72)OmwYBbmZVF
z)2iIhR7_buJ(|MzaKIrZQuEAO2^$y0vh5qw*+6WzXxWH<bKG*~g}v(rC3MZ_?e(%>
zetZ=Y+yC|M3p5rTlZwvy9Qi0}*6r9trjB<EuHi^YM-$L(ouYl19mDlUSV9Cj`Nu;%
zVx&-)-fb`Xh|7TF%;}VW9|De7Cnv|ewFk^2VBQ1f5x{pQ6n&60PKDKc<`e7Sb-((#
zPEXg1|0ECXT!qgfwN{5Hho=0v@V(5RGSm9^<^1&hASt9Gv@V$}SA(QR61+-e&2N@}
zrmWCo;T+$j?tvQJy5{oc;{MyHlm+tz<daZ)&lP7#lES?xmk>IujIZ~wOu89hP<7_H
za$dzUL)Veu%Ufn;vT(x5<a9OIVL4y3^sm5h>n?8i{&`h*n6EAmQFGtJ?K#`9?oZ$j
h;n~GO#*7Db=m&K})z9u8$JJ`K`U?#s(`rx#004Q)b$I{)

literal 0
HcmV?d00001

diff --git a/pagefind/fragment/en_5eef384.pf_fragment b/pagefind/fragment/en_5eef384.pf_fragment
new file mode 100644
index 0000000000000000000000000000000000000000..d771fdda3b82127759b91e3a23a5ffc3c8f2dece
GIT binary patch
literal 962
zcmV;z13mm7iwFP!00002|AkdeZ`(K!{VM|<3LBA~+C_7SHvx)WY>`ueZEt}Q(9+l@
zLXj#-+3^Pc?|nmA@<$W&5;Nq?n>SxiwOa8~+w!R_%Ga#%CcDk9gD<X?kGe2?9h{HX
z+6Kl?mS=^tk!^(4L%O5yPX0u-Fic{r?TVCHIj`fo%4xxcY66pWRH+!*({`;Ql`1OI
zfdIvxOF4cU*y)g>u9yl})rMbm+~vT82V2rni~v>U6xWDVDPsU9=Y$sY|J*(;SOSgd
z2hOV8C>xQact;5hCaNrT)XpkH6<5yhDAcNGP1G}jHT9StB5j?24z$?OqS2;InOSna
zOq2uvY}mp}Sx{O!PmPrV;7Ry^d7-Qor=@olEmZML(aAp+sn|A&*1m%R3|b*B@~G<C
zyV`3NnQ9jjV+lrWH^fZGF@5QZO(loI>pIz?Bk0Q(_X%sMeTc+{D^xs3MRl<z@I$Ro
zZ5wo(6ZoywMk<IRwB%;=10_iymS1{|L_{)_#=M`PGM-hryG)eavI7b;dRQjg4tdZT
z52YPO`BiGNvIh#=V-}U$@R=u~_dL6b&FDX_8GR3tYx;yHMQv#3npA62$I@cVJfF6u
zgB2beLdybuMiQ8uK3LCaMqidP;m7`{(`Vc#AHe-a?mNf@nhNOWF@1gbmuk-ePAXCR
z+m)Ddj4H(-?TUvObVmcDL%b#1R15Zx^WpJGclY#4t+^}*jKy|r*skJwmPU497+83j
z%<%J9vcu`>YS_CLjrYR7^?uaz8Hp44J=l_8aIa}3{unA~z@UG)zoU=z;X~`z-OlO0
zLzEC_Z*)bIc^9X5nDwDXqZ#erb~!-GyXV+=o6PX<>|{R_7Je5{{#LrAu+r&nR<(#u
z)zv(Q)}YO1Cz=D3QEfyblEWYgi4HkA3j@pT>WJaD!DJ}YoreD?Gp)WH?ge9*l<g21
zdtS(Z;r$)aaDJ<Nr+jDA8T#;8WuK;rOOTS~C=-Bqw$l$Kliysd5p#pB?}k-skvPg!
zNE8E{qhy3Jv>$R<J{7JJ`Jdk0<k?ai%zMagU-x-daa1^Ex`NuuSHvrOtwP`!4&RUQ
zYWeBw`k&3u@k%d&mn@%@x%iskCF*GS;uay4E!IxrJ-%iKVlY}y1gpfU4KoS{5Xiu9
z$i@|^z1i)@eSU^A?NIu!*XTr0k9cqD?HTgT&3n+udvv<kN7T!eKLeb6ewS<kWf+Mv
k9HDx#xWJhHIpJ<Y-pcmm?T9*^O!o8rFVdY(FhvLe0HoUHc>n+a

literal 0
HcmV?d00001

diff --git a/pagefind/fragment/en_63cffab.pf_fragment b/pagefind/fragment/en_63cffab.pf_fragment
new file mode 100644
index 0000000000000000000000000000000000000000..cc8475888db6d11de35a91a5ba8946a99173e96c
GIT binary patch
literal 1057
zcmV++1m61}iwFP!00002|BY2mZzDGh{VS|5jgiS@ogi&sHw$bFbdl2nyFJx#19^tF
zm1rba(!_Ct{P#X;K5QpWx0s7YA|Ic~CvvTpywJA1D~s}ZP<t~N56*)x&Xte4Fnk`I
zkLQ667x8?M4GL!?+X$;~X-_*#-(W(`@0pmB4x}jPYHgU5ElJy0>!=@@<XGD!DYJB5
z$5oZnZKRF!4}s=eT4*042_G?vD>zij7{=y_QGUroLYN8!fSJx~E0A1L;J<6OMH4VY
zpaVfiQZd=hd8w_HJ-29p58X1^v?SNlwocJqBJ$rX7T#6K!gHl`!tWWiHX$)u8&w=K
zV(cF0lG7)-gCpd&1|NfTnZ~Dw^qm)syIfMqq40X0it@#moO0kf)CMkvvd99tc?3~J
zL%K`tQ8NmCCA;!~mxW{Dd>IhfyL!1Idp3I4Bd0&)9&0Z2LKnO8iWC}FbA(iZ7S0&A
z31hmoP=qolm5MwDFp$6)Rvx7SGCaRdM|o~%8NEH?Y8|%|(un|_=$lb?kzM9_E;NVq
z=~dNJd8w$qm#TGeQkXY^o8+d@`fM~yMqf{~AP<{s`ntJyn}*N|K(YnDhZ${f^+Vk}
z@OC4|y<R#hwe87xR*iT!Y8^x<Jxuc~x(GYz@4IFqn7D$t8tN_asXmn)4v~t&Rd^j_
zc|!*=Q<xD|&U0UL@oh|B5p0cdsn8i`BC)mT;gQWY6(E(}S#I*ByjNS<YLRmKeEU1C
z;e`ySB%|M4$q-8A=sw^LhAy{sgD0m$9Fwi9Is55sxLeZAM|!5#T>rx`7TesgUB=Y}
zTJ!K`^a`AO5V8D{?65jL9l}-4Ds69V$xkrRdoK6#Pp34RVA;9dH*R{-keYVBGy2$s
zp5D*IU=Q<tLNEAw7u4m4o7T8@Ph8s5n|}4zE33(?|L>cA2Tq82j<vVx2pf~VW}>Vz
z+kmQlvD`JP%1NrDnwul7972G|R2`T$&>=svr&2{lOUFS(D_AG?Vn|U#iI5}a!;_BN
zB;Ad)-#RosGTVDSKCKgwR3U30c8u&Bc{yvg*sz#mD5sKj^APY`BDDPx%|Jci!K{g&
zqE}QwXnu=!rKH*3rssr>>_{gRJY~Qyfwma{^=jXS<I0sy%r!fidU2)g1G1K5WXi+8
zD_kv8^Kx{V4Hnvfd>D+MU$Oz56;=aXVG_&m^~#>B5IBZ*?B>5-f8N;g&uzZc3*aTo
zJ7wMuVH`#s4Zl4=AZ3e{lc>|@K|4oaw;BmziB*61G{Xf7$vPIoxFS8;!T7^Vc7S!!
zVfC6g+Z#zc$fFbM0Qsk@_n?u3v;EewLw(&;4gg0#U%!V~p!b|f@7Y21?dTBW`hQ%w
bdp5^zyLYxjy|}u1nZ5iA=ELCEhzS4y5$FeM

literal 0
HcmV?d00001

diff --git a/pagefind/fragment/en_63f4b5c.pf_fragment b/pagefind/fragment/en_63f4b5c.pf_fragment
deleted file mode 100644
index 21cdcf409e33a036217422cf8e9d11be3df14b7e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 962
zcmV;z13mm7iwFP!00002|AkdeZz4Gm{VSzDj6i9~z-V#^n@FQw?TFJzJ9CRrWV#Em
z;<kHiH-wG&@B7M4H;@nQB{+7~t5;vIYqjQ;w&i14lrLH1O?I1I2VYz(A9Z2)IyfJ%
zwGE7)EYAvOBijh8dAg&YPX0u-G)!Wv?V6NXJFnxW%4x}kY66pWRH+!*({7_8l`1OI
zfdIvxOF8}+*y)g>u9yl})rOyS+~>fA2V2rni~v>U6gP-fDPsU9=Y$sYzuZ18Sptpe
z7tX5ODjSicct;5hCaNrT)XpkH6<5yhDb%WHP1F;DHT9V0k#^2M1zPTD*=SRy%q%%y
zCdz?-H*DdhEGVs<r^ZSF@FaY|yinGP)5^Pwma2H7=;R-ZRBW3>Yu`Zu2CWbmc~o`n
zUG24sOtlM%u>_;G8)By8n7(zzrjkS9b)D?c5%gt;`-HX9K15=}6)K*iqPo}+_@P#)
zwhg+?3H&x{D-}c$T5>b`g_0x?%g;SVA|e?|V?It$8PBTRzfP3gssjo$ny->=hdgMF
zhtdwC{5myR*&~JBDT~T&`N9*?d!AjzX7mr&jJ}7+HGM&oqBgX5O{z7iQ)w|~p3mFT
z!3qx!p=E(SBMD4SAFO9Iqi-vj@Kb-(`7`d558&RA`w4P^rULqPOyB2!Q|&pxNhNB3
zx)M{4QKcB9UGW%$?r30ih__^$YRUd#F+3gV?w($#HJ9apvDl6c+jZQ`(#Q@B0}C&c
z8Gimqb~s&K4SUz3@m|=s-Vb^)BXI)1xh?q__nJoHkD-DF4El%rJNitYKDBP$?Sk$*
zL<w>6Mprahba8rzSs!XNn$h8Xmm{RSdyb8_$qfI_&h|rL;r9XMZ>38LE1m9URg36U
zUCnc74cct>qB$@b)kY*DISi7J=#Z1MFtFUNju`$JOolSuY4}ev)9TCdUNDA9*^ZI1
z=Y<Ry-ailx=Xc6?%6BoHp%0H$_Gy~91SwgLG69HZJN-~H`OU=|F}K+IZdj!jiK9$~
zL@~fQNk$k$`yq$rW8oT+|LM(5o~^XOyoc=e<&b9;M}<?SE2!<GGOxZ7@Q*qgesi1b
z<*VbBy;dP`49D-yc)j}aee>7$_js*W8A2#qY@Eb<c*%~$;JBFxN{LhJHVVgZkbyVR
zj4M)mv)j*y`~qd#q4Zy`(V3v0@ZQzi3*?)dkD!sq=zOtHsIOQ40&w#6L$U>wVI<0M
kg6hTM6~^@c6Ye(Ty=>3kPN>t#<ghsW2fN%H3PlJ200`XV3IG5A

diff --git a/pagefind/fragment/en_6a9915b.pf_fragment b/pagefind/fragment/en_6a9915b.pf_fragment
new file mode 100644
index 0000000000000000000000000000000000000000..909fc9e67c762250e170e5378bd0d1469f00b650
GIT binary patch
literal 1227
zcmV;+1T^~}iwFP!00002|AkgjZ`(Ey{wp^>$%!H-T~VZVlP%rQq7OrXb#Fls&=PGk
zrbvyX<9LDp`@SP3TXvHc0b-GN{O<0%;~g6@mosIm`>L#-2P>xs<H5+gawJ?(rIsUa
zT^Ko0si)B(AC%SvX#$k~<}LaLDWy+VB<16;tZ2HSu#lwfTKYiNRnpN+IUjNorec|)
z(rPVBXiw-LUPlNVT&VdX9r<2)LO0m)maL(b2};w(uE<GIE~3F;n*wgtGN@X5YMgB(
zLcynS5=&*B3hF;u<;fkk2PZqpW^b@_q>~ivBn}y&+jtOdScnkqvMRQAFr{Vl$wUho
z$#_LY&0a)_79@F5%Yr_x%B2j6CHaIrcx6paUe!tqhsen{vQ)E;GIN^tlo82Pf%xev
zP$>)rv6LjLM_~fePd3>uE%;0aX4a7)Ukk0t36pfps-8;c3%b#B_HI#AC4K2s6W|AZ
zmWc?sGUt>hby6no3g^ToWpmytwhBOobAG}qUA%ywN1l7fVuqm^br67|nX`4j$Qr8<
z0BC^wHN~1u07bi4i+*{=c$umUaQyonBQq(&3RM%6yi?y5`bq^c)$)gI4JY*Z%O@mM
zdfXcknfk+464cd}g2#n|=b+>-@kCdYY30M1ZrJM&3F3N4SJ(7R8no3>iFIzz?<Uc3
z#`_Ap=M(&Vh{8fkGY<=FoSqJG6vdVC(ImZ9cf8rdQo!2c&q;)9Sc3J0cE0_IYy|cW
z9*x_`dR|qn_+moqg#sb0N7vY3J5hRiI^lCr;{PMMIG^n8MU7~2baFx`^n0(Y#?)&x
z5H-Synw}2`+QukY+5#SnPeyGlsSIAGIp?@zq`&QAJW@#^Gn+k@>FNsP54&JkGKo6B
zba=xZGE8@LW+~?pX*lf2PPf)GPja1%XFHf;rnJt^hea)#EQ<-)Yn?O5t{@&#K|CB6
z#6v2GWUM-NDHg-S9e`RtZj;IxUECGT$}f5vE$LTu`${3U5XZIHo{C<<jZ%ax-mI)M
ziRv8oiX-uf+Sqp;fzGh;xPga*XDU1{w&i;A!6`I5^(dn>=XsGjhmTj5dueJy7!KSm
zgel{#b%&!&qa6pmp|y2BwgJ=ct9j~4OSyr(>Llm_woDh@$$wW0H=n*{W=K4cxaT)o
zKB2d#t|n#yJ+OBM?TZ_vh^g(MJ%A*;_(Q~kzNEfYi69tgD!X>aT_3ATJ*o;z^hrxq
z2k-MVIS<i}=vbrn7~*SIoxCx_oW)2Sc*%hTvSt`TT6&*oGCj_b7*!%f3|eJmRC|;<
zjZ@zsY&7~;?W!2-=@J&#7>$ya-H_<bkG9k>gN$_15+-46>N%Nfx~64xhhGXtB7QNo
z$iLw!>I8jjL@9lN=MA%QAIott{`LL4e1IE={P@B6d7BULrV#iVs2VeZ-$`ipBjG(v
zrx#N3aqTvGb@{27s~O;;;=Ry^?<EL=3R)g+0v|=Vux#x1c_6i{(?e@<!AKRpqKz}(
zLcsT9*sh2M<MVBPfbpio5Zx_0>owUu+>4|A0Qvo^(1`i0Kj-$S#}n`X@Z#;;*APn#
p$}=96d#K&)Ji>VQ^MJdy@lv!s*&g-H<>mHn`#<L|>Fy#6006#-SG)iK

literal 0
HcmV?d00001

diff --git a/pagefind/fragment/en_7118fbe.pf_fragment b/pagefind/fragment/en_7118fbe.pf_fragment
new file mode 100644
index 0000000000000000000000000000000000000000..bf0f8c233f7615e1f925b84ca72b949a299a0d14
GIT binary patch
literal 718
zcmV;<0x|s`iwFP!00002|BY0^ZqzUk{gqKpAZ2%HK?1GBq4d-XNNni=gsO=%Nh};Y
z*iN^l>W}a({1d;xb2i(}Zd;X`lNrBx?|EiAuBFnpyew6DoAusg%WM(6TCk5=8CeA9
z<08v5<!lri5k417%5Vr;QHp9?6Pwz39h)}Lc_S24ifdbEAInf|sSqmll`f?uZKI>O
zc2s!BC8AMMs)Qw-y0&A_(fI-A@1NfvZW1tl>Hu(DEG3F>wM9`B_F_2dD<S7g@u(8l
z0xn{t1^JNUkK#TE=@=;LRt7X9*E-$|ysV4hA^Zby-t~1upI%twYWp$=1zaN?pan<8
z#(=$b)}T839o$H6@Mx=lP9L3}O`@ZoGaI5nwX5!xB)9%U3l&o<@<eSgc8`3*8F(4D
zP8hDYB^4Y%+*vxHLyVyBEnb8snw}6oRc#+?o72hm#it&BPNHxd?WClOw2E99S<+cW
zOluAht7~mh;wI6kJlZaqQw-$zeUT#%OhVMg9A;E7aA)`zSUUlq0E3UfKdGFTedLxm
z(Glwb=J|fhEH~ZmA{(-OTObuoTqo#R?QEdY3<xec@*MIjBMOhVZaBhgvuWE$?{;3o
z@X+f9&yLq>*wzx}wCa$7ic=n5D)Au=M8a!@Ll12LOrHS*ggK|su}XdQv)3M!2HX_C
zpUvc~T#M@CFqcCxRl&E<2cIT=z*O~CC9c~#Nh1aQ3xeiY8EZ7|r9#VLYaG3OooAIc
z01Dai_Abv_iHuXGTTn||$Fp5vVkCxP>C8`87hhLLCl~Y1)<7HbF4?3Nv^rcW<3g&m
z8q7m_)X~VZ+bRPQwyJT7)wkPh94_2zj#AAMCoHqsh%g%wW)lRIlI!R9BJzwI*)3n)
z<$JY`x3%u`XS>JURd{To_Hf@FKLzYJb2l63Zijg=ko$0N?!Mps1I@$w4<ZHt03ujZ
Ag#Z8m

literal 0
HcmV?d00001

diff --git a/pagefind/fragment/en_78f477e.pf_fragment b/pagefind/fragment/en_78f477e.pf_fragment
deleted file mode 100644
index c2db080521beec8a6958b97128be326000c383cd..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1155
zcmV-}1bq7+iwFP!00002|CLt3lG;WP{gsXmF4#!0tmC)>hKg%biE~H}>*TaWwgzbs
zvmTAe%*ZU+;@|UnBq70?D*J@!?s@(Cbx%uMk;}C**+Z6Q&rxM{G>yj2rek5fO0^uj
z()#g6itRXxqqH<$8jqL{u+T^Nh@Uu!2JO?3lp{f(088bX*rZHOLg%Gbep65;oyv{O
zXtk%xvCnTLaT3ae7v#LHQeRm)qW86#0Syp}(s@eDVymT>v{FXcJ$Wl-cP6G)<q_&i
za>6UOR?-Fhtu43G`aN?J0d^YfpX8oC3tdSnErGLqsw2{k(ixdDlOes{iM=B&9ixHF
z0MWUX!b=+rsM<T)3JZb4DUk11oLaT@sx<T$aw?;|5}KU+w~{86oDn>BrOg0e(n<!|
zAkpA%65rj7Mk5;CA;+o$DOOhtn@falLnSfoHY(jPQQw2l6i_m0fn#Nk<TLuXgPa`0
zN2Qhp)4jW&ENKU(!J`F4?p$WcjB*K4$;cg5<`lD`7&FH^lT3zaRo2A5h&02vY0IAb
zj>K^&4(FEdXwKQdQL!XUg)x|DAXo@AN|hRt*G|FxX6cUOBi7sw`IMp|IYvQwmc+;u
zZ40APlE@w_)W=8C%7$*WGF>hxoC%$2S=FlJpCJcHT}@HsLYWInHat7|Fe)OZTzw9=
z<4jw2o;E+Zsg-RRywLW~1kq*)(sGNrL?CL%)N}Db_Da`ht73&(L8oEnFfYM#lACn{
zU|k}6+k4z1BA~sABl_FPW+ZJ{dfF;n6owTpl_uk3wZdG0D}>f(aeP7gfg}3u_g|4p
zIuI1$-rVv{%w&NcxD?8|uzKjZzPwX<Z>`wBtE*eg$f^HetpCoy)YKcIv;$%7Sv1Y*
zemMjbOE#*P0Zb4cu^7l;W<XeB8EI*9ziI5@O8z09n9X1~qeB=7L=IG&Kc>g_aY*w8
z5~(!}x@7liN%Q%<m;U|{e5}NPn;D%2p8fyl^w{k5?>B{i4f<ggX8!{^snO7WnN4j$
zYi!E3hxdlANYVE+X?j3b<(t0aW`<B-507Jqngw;j`FB0(U%l#6VfT_2C#D)AG_r%^
zKyC_S*10c(2LD%~hR7DSHGhW|s^b{(6bw|{9vU`E_rx1?t^@1ZpClHx(Q}PA&44vh
zZFd6o#ezjuw3yR1ev{;wxt~G>@Cy*hC4|8J8vAqD8~!BuLJ8L``2&rwuF%t;d+)j_
zb>9i_;N>U^dJb3bKw7zAt*88Gz8W`!vT0P{xU>5@d~tufxoh?T_{_ta4A+t|K(t8}
z0(g?~NyD$)hqSEttLF9Fw{f&q8t)JnO`i{OR7fxI6sZE=Ne@DweEQ(DS6<6ATZrY)
zC@ahuYf5?-KA=Xw{7~#4Z-2ZU<!T)PT$prIa;E#|s9D80wwW+S#!onuxF(T&I?t`k
zG%UtwdVPpb5N=w8<0n_rYf6Xq#qX07<TtM`L8FGGzn(kP^TmAvIQi)!Vv7Bq@P6;0
Vjw}BR<IQ1t_#c|>kjA<S004<lLEQiV

diff --git a/pagefind/fragment/en_815cbc8.pf_fragment b/pagefind/fragment/en_815cbc8.pf_fragment
new file mode 100644
index 0000000000000000000000000000000000000000..a69f5bd3c05158bd43a031445aaab167ce0f2d43
GIT binary patch
literal 1034
zcmV+l1oitLiwFP!00002|E*Trj@vd6{gtVn;<aq=rbyaa>!Lw|7I|x$ygAN-mPQh>
zlIW0>cejTBy)&e)Ub{(wz6jLJ@XYYc;bkW>Ol6haC2?{HYFz}&U}1E;5ZcPPz=cuT
zF22?>zF!1k5Ua{!Whv+bo8TjP;Zu&V6-LG&6BM9QaPh!XWtD+6U~^&VgP<{1Iw6CC
zExHIyKxi7`PH4e@vLdH_P&7zzhxDl|kkc}ZR&|zxs{Gu!%YBbe4-S+vvxj4OJj~}(
zl%gn5b1@Ztl)*Mi(MP*^4zY4ZF2Scg!HQ{mUwm75@x+S~aV~L>E}rU^Ze?F<tYVzQ
zn<7(M+Ps7WO|0e4N>zbllEI)hXdsb$qH!jwWJYY$RL!{F3IYmgY)_G?w==dF&xF}w
zEK_QP=rR%cKG~LuHjt{KP!DDae^OTNj;bxtg0R4niB7dDUG;6*A+48aqsj0&*vY-J
zpMwbgLZZTP*+&v1zR?ul;+a#{om3F^qNvezWmkyUb)8dJUE_vPRWgPwgwDQ=xW$|l
zbQ<u&RV+$`sxG&L!rjaibBxl-z!1?BYF28S^|1(~YZX39YeEl6E6z)y@0nrg>nLTC
z6rHI0zJJO&#`Hw?h-!x<9vU&FajlKqvyxa2hP&H>I1%;)pfTr{PYb>{E7K_KdEVym
z$NS%5r_oTPs|VgH(p!QhQDYWYS8xTt4OF{?kLWh!D7}*hNAi{^;qXRl@pSZ>?X8}8
zGGltqtYwxvyGC2<s(0{t@Ca86pnYNNfW#HN;1tWIrRxn@)|=2JXpN!AZGR`Q`V|f>
zk}G@V;v@RnCe^C(OyMS?jiV_I`^fJ65e;uw9+$?`>4Xqv>Wf*+4cxkwuN}zd)cM0|
z<=qa;xm(w&8+{puM8ltN1^r7v!{l_z!{eYRx9Az%42tV(KMh$uvwRs&iH1Ml8T?<+
zNhe+&T?pACIH%ONbgam#R<)s>)u|?=4cgvGDQb6sc@_WP`fX4;;l`@mO1h_>$@Y5`
z>$=5>Z@qictGHd+duF7a#v*PVE}c)(fKQ^fn#MN<VdY<n^e89s)P~8RHynAfEg!l^
z!ez!UQRp8S=lA_&_}_1GBmc%mR`UX@%;r&B=6GS(p^t6W64A4VpBHzrs`=&f<1g1?
zkjjEiQWGo>$1o_-3K|8nq{kG$pR}kJ!jQa-e>u(Hy?god);z@XOr`|q0`EjIen*jm
zs4Q@7Bz!?PjpAhML(m-N6qDaDQbHq_V`dr%e0&C5sMww9!SebTjxb)f7~O+mHt10g
zclPBnLVor75;U!OHoRGS)YCg>1bFlM)g{E3uBI7ZO+8e1Tb*G1ble>O0q9vN@Z<^r
E0R4atL;wH)

literal 0
HcmV?d00001

diff --git a/pagefind/fragment/en_aab3547.pf_fragment b/pagefind/fragment/en_aab3547.pf_fragment
deleted file mode 100644
index 884682c5975cd3862bbce7626b57c63671853642..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1029
zcmV+g1p50QiwFP!00002|IJoiZ`(E${VNxGD3a8c<1}4SdodOi%a*4BOR)h9f`FE;
zEjASCk+fYm@PFSSB}=yAVA!7eWcq%b`@wq;wGeZjNu59DS^k_Xtx878z}ajdte2VM
zfiu<*T)|2Wl3tP-?OA&m-31ZdK}*$fEgVU`f|hd}X!!B{#~ultlP{QN(mGF5%i_rw
z)-2}*{dS@+PAT9^Jtv{&#!6q55lCo~<-(d3uvToHG@8te9E6I2?igN>)!r%HddlT&
z22+|@Q+7;3KE4q6^)#0&cC@ezW7ZjyH&hzS@ONHlPpr5^6)vS;CF-jDk&<$TGNBYw
zvYaooSY~FUakNV5x+x-Omsz=p8Qg^0d$A4c!XSUknXx%J{(HI0V9F69U^-;7l6i!O
z#xWWokjHY`-+7=&V_^m$f2<py5y~w%lQWs^bv8i9yruvb0YoXYb|bn&%|HrW-&GVM
zHu(*a{Y5WLQ}Rze6oJl#j>-x7FHk*Q4aanyg`&b$BI!`8UY1j~;o6RYI(n*F(nLXa
zbql5&dZLAJj&TV$sFX!kG=><eZYcb<>=s5xVS6iHc4GXGPOs5AQmp6rDXW35(t(v1
zQ`JeldnqaXS+I^-w0X@$=1~?LjaC~PR#`#==YxiLER3%%OHho~u2h{9`WyZ=sk~Hm
za8vr__9iTV3pWx6=ab2q;%=3V?28+mozWTnv^UD5&Px1;E&X0r6a_7W6(v1iTPrqO
zQosyS%YJEfBR(5osx(xQ`{;^Jg5jv1>idV&_DEL~dfr*fZw%vLn^w0lj=OrI7<GvS
zbkSroA?!>LOz6BmOs;5n3Z%wf!Wx<}4nIb>aC#eMr%l9ciP=YaRnU9+Fs9&(?%nE~
zzd|mlU%{*kiF-L|R0w!ZZ{AdnJLv;5sxd>510B5$Ko7fEjmx+V*RNCFzUEnD2a7G$
zO%J9JjQ0psXrVR^m-@NdZw`}naNE^l`}lf9lJRU;dkj<2;0rMZL`M?fICCOjiHcO}
zwR+Vd4-X|KD&J^P$}nb|Dnv`Lk(FC@<x){n2h_!9E(hZ%v#6NkcY|rdYs&eY*D?b=
zW~MKezA%wQo7Olwxx{k+oXfC0rzxK0HR$j$Gt2NYzq@$XOJ-6bpi4&2+g?(#7dR!d
z#AE*`)Zz0DcQ3u-t}t4MuK_FcAaJpF)ptPp>978`;q4#ubS`HJ@X<fyh+y~6Nxhly
zD~16i$0>UCT^)<RzKE|(7C9#woo{;w7#BN?rpNs~I%?sLKD-CWmzS?Wql*4M8@8xj
zo;&~?zJC=l1D*B{>9hqs!nGaTAO5`wyX`pEfjwP|dhy}I_F?-E9LPUp?g;<@hhFJ&

diff --git a/pagefind/fragment/en_af4a67a.pf_fragment b/pagefind/fragment/en_af4a67a.pf_fragment
deleted file mode 100644
index c8db2dd51dfd92773efefd03fe61c8ec7a7bb353..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1227
zcmV;+1T^~}iwFP!00002|AkgjZ`(Ey{wp^<$%!H-T~VZVlP%rQq7OrXb#Fls&=PGk
zp-7FS<9I>-`@SP3TXvHc0b-GN{O<0%;~iVEkaK0~+q$ZsvX#@>BpZ8IjfD%U(sJyr
z3u7m0^*GLotg<FZ6QJ}rZ_zhMDSfgcDIb4jO|uP!r6g_F(g(7xmX7Ai`B0EBHOmZD
zR%=;7drJTCIzr&!QZ1J0$oI-qy26gPWDTuMP?|P&MNW!p84U*8mT;?)K{e7->uf6#
z3O<FCSSssOQ2)ugNbaybIN3`!JA=I=y`*F(amWbW#e-<WQiN!iRk5{&sVtjMCOXJS
z#w#jn{vt}WAjykHmh^E|-OG?zl8?xPSJo8dRim_Uh@5;YD>dIJv!K~P8IjBsh@Y(j
zRl-mZ_mV{YAWT5|$tK&C1)u4_+&U8E8=*BhVUmtnH8bgaNmqKo-YpxdrLUZ71N@-R
zG7$k+7M${=PRhhx;hfl{Y%V&*P65bp&QDpTj~DQZ$n)S>%rG>g4gxSVceWW8S!)#n
z01a@zp;)sCpzIcFF)Ys*FH@BRj(@*nWG+Qmp=x51x9ZzMU#TEwTK<r&(Ud-a`GkZ@
zk9#8`Q-9c6g1W|1@VHR$9F+Ve9_fN|t$di!6?^?5L0pdL;*y?7gSI9rvCj4B%`_U$
zd0%1obc&x3QCMne7Ga5v<Kq#IqPTKCnxxn2hBpUT3Rutha}wbimS8=lt#5xK8-cxp
zN0TnHfmd}WKAX~dsXz$p(Iqz6PLv)WPx%~_`2U#BPNzG2Q6pL$A05#V{XQtG2@M(z
zM6Gb5p{G59o?{d&?EnwON8>J*R0c28TyWem(%-f*9;l>{nau&qba4UlM}06XnMR#o
zdc4sV8K!$W^OW<5G#d3}r(5fpC%I0>^DRs{S6b(%qp}fgp2r02v`!ghTM&1tAnpze
z;w}|LGFBhD6pP{R20)!3*Gc7s&Th(f<(C7Ej`Rz<ex(pQh{Ia!PDQWaMkPWXZ&u!$
zM0Jh^#gX_#ZS1;^Kxf!^+`#?8GZP*c+j2em;1rsjdXQ0C@VrQ!!^bPjy)-o;3<vHO
z!c_6ry8Th6(T;=O(Aqj5+khGN)gtwzd%1zU?j`5~wn`V>$$wW0H=n-dW<)%YxaYT8
zKBBj$t|sOIJ#cUa?TZ_vh^g(NJ%A*;_(Q~!zNEfYiy#<iCi`~BT_3AjJ*XN>^hrx~
z5ATaKIrq^H=vbrn7~*SQAH6Z7g2hN2cqxDcvgQ~;T6&*oG6T+$7*!!e3|eJmRC|y*
zjZ@zuY&7~;?W!2-@jWcAF&ZV^_d{YZKe|%G3^LM1OPGYQsTX7}>5}fFJN!~G67h?f
zMg9#>Q77nID=O(rJa3qd+gOg-<k$D_iVQan`SIE0>AA@8rV#kbRD&6DEA;*|2*-m8
zS{`mjZGKf@G>nD!a5TNA%8zTe(W~=M<wDIf;G+namW^FMWm3x~J+zi*3{vAOo;vZJ
zE%<(DsxP8!a{65CVZ7-vM1PA;22FMc_u^>ZLw^4%G@>{e&bb}x;RM_RJbU~0HN*;o
p@`MNF4r)6)4=~>SJm9`<ycF#~wnKe$e*S#({68Yb`+Xt{001x-Pl5md

diff --git a/pagefind/fragment/en_b110a5b.pf_fragment b/pagefind/fragment/en_b110a5b.pf_fragment
new file mode 100644
index 0000000000000000000000000000000000000000..6fa8e1070601034b84f03b2138e267df45a84563
GIT binary patch
literal 1155
zcmV-}1bq7+iwFP!00002|CLt3lG;WP{gn;}7i=V0)^S_`L&deJ#5p8~b#mGwTZ1%+
zS&v3!W@MIZ@$Y#(l90rjD*J@!?s@(Cbx%t>k;#oR=|h^N&x6wH!E7*bHkk<PRifp@
z71mF-QtT#!Xpj`fOXCsq0T%iQAMq0h(Xe?Mk#Z#H6JV*>5Sx_ANa(Dv%5QT@rBj)a
zDXkAwI`;XkBu+x9@PeGTW#UUK$Mn83GoS%NUN}!lk?*whlGe%ydmwM6Y|lirE<HkB
zK~8w(HcGmHzq7?oT7O_pBEZgq{gXV<XQ4|;g(Yy7PgO*+RXQb8q%x$}dvS22rDHUZ
z86rBfQg~^D0abfPJ7FPEI0f?EiW94LUKNJ^LQZ9rS3;AM|CZ7uk~4zGzOX6a3tGz{
z8zdUuO{2S;@pw$*JLFiGAjRrxVKa%)U8p3Y{Z=JgCh9xzsRBwWEpV*NkbF)b_mGog
z_^8w}XS#Ry(-rN(G<dXt$gRt)m{BGnDjB(_()2NFiV<_XGx2nUR;6|9i%2ty>b4xX
z??@bl;&5*DjuxB^92HB#R2YMa27<Xjqg0_GdF2$`Z<g*fK4Qb|kWUF3l3^5-XGx4q
z(6%rt1&Q>rM16cDDQ)OhBh%%A!kN&ShE=6H{uy$R)KwHkCX~6LWX-dc52GR?%GBp@
zJI=IaXTSOJO{HwZ;Dxq-#)vi}kd`~lB?3`9rk;xjvRAq~Tjp!j3OY42hj|H}UT)S6
zfK`d?ZSHY{h=ArMj_GeF>yflY;c2IEQ5aUZM4FV3RSI(fE*Dy##qkB{29D{s-+x6a
z=|E6~dvnV-F_k%b;1Ve7!s?;t>hjL$y|v=-uBvW1C#U{{vHCj)Q&Vk-!VZPCXVJ8v
z`_%|gEZMkP1~5T*#9|<WnE_#iWvr#i{I<4-EBS|bVm8CkoQ`225IIy${)ir%#}O@-
zNTfD2Y?Ixq6)hHvPWt;t@UapDZsv3rc=rFF{;_%g?>B{i4f=5&X8!{^snO7GnRRVJ
zYi!DmhxdlANYVE+t$RRLW!tXfW{yx_4Uc1ong?~l`F9=ZU%l#5VfTubJyQh{8ri~e
zAUB0EtK64Cga4~gLu3Qnn7=~{)oF})3Wh3b4vlK1JK_yn*O7JYP7(`S>$$<3X2=?;
zraOW9a>=49S}y1szj1uZ+)beZ_yvgg5<=j9jr}?541XMdp@i#({E;SCSLo@_op;@g
z+V2E-@NyJ6J%_7zB&}SqR#Sd5Urp*k+14s>+}V8{y|};a+|~O4d=_C%hHJ?fAX=vi
z0X)h0q~TZYLsFFdRrC7o+i0*+8t)J{m^~k(K`y<((?I3;PU24^E6fC|M|u}NipIbE
zkRKjzf4m)MY6G+o_aJod6A5;&yp}y1z=cV+1!uZ{9@MKCA=@eAr2K^7*wp~?=^RrR
zNmz`7+4V8%A>1?wr%$f9)07tNi{B?b<TtM`L8IQdyPjLr^Tpi*oc?qXF~NS1dB3+%
Vr<H$(@#eTX{tpTXeWbby006>PI<)`*

literal 0
HcmV?d00001

diff --git a/pagefind/fragment/en_7fffa0e.pf_fragment b/pagefind/fragment/en_b24f7ef.pf_fragment
similarity index 82%
rename from pagefind/fragment/en_7fffa0e.pf_fragment
rename to pagefind/fragment/en_b24f7ef.pf_fragment
index 4b740b9a5cf7e993e338fa6e3f0a963c6312648a..ee42cfbfbf493c2c6ddfe254122817c51a874a4e 100644
GIT binary patch
delta 160
zcmV;R0AK(52>A%G;sbyDCx&5a#H{7c#*d5P^y$;n2mX=|mtq09VEDph`%?o7C!FMM
zA@G?>bM2kYc1cwm*yJ}JDZ^9nF|ZW`e>;PfIt?=`8DH=FEsS>ujAM=ljcHNCUEEbI
z<h#2sK_litb8^<Gr!%z$c=PSemk?8o-hm&z&3LP6e1dWN{{a{u?#!iV8@d|x-Q73)
O=ly@Is|@sA3IG7_5K&qH

delta 161
zcmV;S0ABz32>J-H;sbwPm~4MR;J6b`@>5~3_8%mMsS&f5I~zYmhSR4{PapV8K3s}L
z0(_>@TzhA;T~gHs=kgm5lHn<w8raGge>?LpbsA<?GQQsTTNv*S7{?q98q=bNySS@b
z$ai;Nf<_dB=H#qVPiJZi@aEf_FCnHFy#qgboAFlD_yptj{{tC5+?h+!Hgq-WySs1p
P&-?!Xw-vndT?zmI73fX*

diff --git a/pagefind/fragment/en_16d01f2.pf_fragment b/pagefind/fragment/en_b7c8c16.pf_fragment
similarity index 87%
rename from pagefind/fragment/en_16d01f2.pf_fragment
rename to pagefind/fragment/en_b7c8c16.pf_fragment
index 7b212ebfee0c362a27dd237957637d96cc4d36b6..ee0ad4524c8f6ef588482bd087bf13fc229748df 100644
GIT binary patch
delta 396
zcmV;70dxMl7`+&<yb6B;?eC%sCdb1-kEDoE+ezhHY8~!M&<^#t2PiBN!O;8G^)_25
zgXuWNz83KjkEyAC%l40ZmKdLmG_fdp?F~qQcI`-!NN=Auye>(WRf361LNMY5P@Bfe
zRk4lrm9y3i=UTxzaLxIOcduNixUVnb)<uW0;_ua#DumUw)kS|8IlVtB{s(?q=e;t=
z+bwt>t+pvtRot!}ILm(J`a<@#_G4W!Q*&>Y^=fw^YZt616|Zf;%`#uRx{&!w8@;rO
z*|yhanO|RB$b7YJ>O0%!*&Op5i<IpitQGTqF|WAS-dJ12t^A9$;y<ibDunK}?ji(R
z3Rdj9ep=&Qyt{wR78P$Xt$43qePfZ*s6eP#UBNKRdu?SgFLIJh+Wl#}EDS2F%L<7Z
z<ZCMn?Et~6+b$9e4Jz0Rb-*lUccD9l^%PUXn_I47z204nRb`wy)XZuP>3b}P(pAlD
q{It%yP>QsO<!waqb{WfSS8#c-pABJa*UsKO`yT?7xdH^~8~_0F;K~vJ

delta 394
zcmV;50d@Yp7`qs-yb6Ef5s#?_e#>@y(cUw;27r+!7DZ<qb4!YO(J+(aVW3A+#3%!$
z^4+%%chzc#THyoKpa^z^SMSJ$GMJ9z2Bbi{cBDw8w@({hm$bnu?H1LxrjAi<8Y@@D
zHr7|pS~Hw$1?Rvu=PTa5a-rhBzKB~F9ma~kS6iwOR@YV+VdQ`G{;2pL_-UQ@${cUE
z;C-~(rchOJyLR9#`<3ep+1J{Sb;V50y;;_)-G!`Ou%1-BwgETGeC_H&<|}RV(kf=#
zUYlipeRU!8)wZecY@26u%x^4GwtKKv%=^W>;$C}WZ4tNfFVc$tuv)1Qy4Sjk5Ns(}
zvG4k6jd$_xHd}vGyv4NQy?XVHMM|Rrp<;Cf!z}N$mBqZsNiu2or|q&ZsIV?8BxaDW
ztt_+y1g~zpNH8?0U@z1GvzXn5?iAKjObu^txrX(6cQIC#aq3Vrt2LzWu^dWQHM8;4
oI`2X$(ju0(5yjhOEU#U`<-vY7gsojWd-v>r%s>};=^O$807JXZKmY&$

diff --git a/pagefind/fragment/en_6b4c4a9.pf_fragment b/pagefind/fragment/en_c2412d4.pf_fragment
similarity index 76%
rename from pagefind/fragment/en_6b4c4a9.pf_fragment
rename to pagefind/fragment/en_c2412d4.pf_fragment
index 5a527618a018dba3010cb39aa87868935e807ef9..e1b6d78e20d04ae6e2ffcdb38b03ef4f9398339a 100644
GIT binary patch
delta 296
zcmV+@0oVS%3BC!ipaXw2_HpFT@Froi4|6~GnJxZZu!l?iTlTG9BdI_B$Rxc5La30a
z)CF!i;Uw>#2nniSSV@}neSS%Jh#zj33!*7HJOMEgJ#Iq%l~IdNZsz;R0rIRv=J;Tk
z(t{zQ`!~b^!{TC$qVH&t;%=}sp!oHO;=H5qxsLEojL@_B7<7N|EQkb$i;?DhF-Fr3
z?Z`1$84z5L5%_x@(VZBfm!sZO6OYJNiomP$Bj82vdpj|weo#++SB^xljqwBG>o;Q-
z(X5O_tu#pF{A|pmA`H_|@>3k0k><NOd&s%C9J7YzOr&Y0VP%dYL&J~QULK&|oQ)N>
uzyA^3i39A_Xapd;-XGzEl>x)`e4OFvR>y_my*S^0-Tx1Y<^4*13;+Nyn3_@m

delta 296
zcmV+@0oVS%3BC!ipaXx8Oww=<zT-}*3nXyDN#4zTl>Je9A>iv^hL;ZKLU<yCkYtO0
z7wq9u|CW8L*9od%SV@}neSS%Jh##WM1yL29I?{uQ7^uPi%BaOBH}n1E0D0CSb9^vN
z>A?`u{Tt$dVR11=(RZ{+aW_~RQ2csCao$n*Tt|2(M(Ejm3_5>!7DR%>#Yl6$7^CTi
zcH|hW3<$2r2>iW{=uV8#%Te#CiAQ8BMc~!>5%8k-y`7j-Kd7g^D@UT&#`pp8^_ww^
zXjVp|RvIL7el})O5r%1~<0+2LNb}vCJ>*<mj#)!<CepOhurf!Hq2WhtFAvaf&c+Jc
u-~R~i!~yndG=d;q?~m}o%7Ec|KF)A-tK-7(UYzg0?*9i)87FXk3;+NnMwiS0

diff --git a/pagefind/fragment/en_dccebd7.pf_fragment b/pagefind/fragment/en_dccebd7.pf_fragment
deleted file mode 100644
index 2dedeba66b4a6c63c04e2201bac83bdb6a7869bc..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1056
zcmV+*1mF7~iwFP!00002|BY4KZsRr({gtU+8Y8m2PLMXRn+3K7y2#T4yM3zR2DC)m
zOej(%sW@)nfA1OU;!B)vp%;prIdeF3I8%w0Tq;vM6nXKQ)J`XpWaM2w5-zA*%aOM(
zjJ(t`52GYaa%+M#0aoAQp0b9%!GxOMA)Ax(B*?3>(vpNJNSRQppq?f1u`(+XdS#so
z>oTMJKpX3xJT11gRL%!tK5P`$a43b=5}OxVxRo3b!jvEY%y?cKhLi<)`FAZ%-URdk
z=s-|`M2L0^xl+dPo?SM;$8ITa8sh6IQ^)8w68UcyOJ~by;bbXP#P1okHa;?{w8)Pc
zN$j5IlF=u=gC*p)1|N-d>Bgsrbe$KByIfKseeP5hi}J-4GUmWZUu(GJ!XOJ|7Xd^O
z4e2hFL(RzdmF&s`UIvc2b%jS@XY19P%y9g!M@E0}Jt~>2rONl^WhpeQ76>UkEv?pe
z<0o`)pa`K+DiP!az(4|HSUHpm$ng9+8)uoBr}XwnmQ~nJNksy5q3*`%ReGIe8Pgol
zr<1D3@={(q$5rd#xG--5H_45m)o?tIMqe)!BM+Kuy1Kb{n+D$sfU^a^r#WqK^<&*U
z$?b-Zd%bj2YSWW(QZ(Y-h|052dYI-}bP@K_KXgr5FkuaGHPl<;Gj+*193U0BE%7?Y
z$PFFEjA6!9S||IOvu|U1La;T)rF>_cvcxLZ!?V=eSb$h|Yh;rz;hfm=R*RI;=lkEO
zf)_F%qKtmCg@jN_OOGCJ(093|J3Kk%!-Py-E~J~y2m2-6eWX`v&DB2=#%!BuX;xu9
zh1MLrC3*!;KCoDRiFR0BUJl^OXQeXtrjRc%Q3o!M{7;uOo?_X#JvMG?*^rubzH|E6
zgq}Ul+28>4aY{RUy$kB{!(D6KyGJhV>0Q72>%?k$^8bC)@4zuJCqwN_Ji^BGpqU6G
z^wy(lUySS;RcSfZK`iu{Rt_ORWTN(xHqfDbmW~P$1g)&}ELz68FjoT#3QB|=F&|!3
z*hcAYxc%0?>5=Kd>v3@%fw&53`>;chu925DdW#K%IfilyUN;W`zXd{@AJGiN6CO-O
z@+CMyC4}a-Xjg)p?R|Vs*htTGLdFvs{32+Z0Z=awZDd&6qKR2a%Tq6`m3czeGK@@q
z_z$_Qd1_vduhV3yG|2m8^14eCI18*2Rbmo92>o`n0wSoO<++3C#UtAZGZNm*;M-xH
z{d)U(V~Rhw*-9-F1QI4+TaG$=P1-pE$Mu*|3at9O#~IE+k*squwaw$BO(q|9=@Hgd
zht+FhcrcRokY^{>5%Nzr??K}>!^76GM?GySM}Xs>Z{I`A(R+s6d-hO$J37X={T~<Z
ap3S-29-Qq_uWoL3^WDFrW_)Le2><}^-vV&}

diff --git a/pagefind/fragment/en_edda142.pf_fragment b/pagefind/fragment/en_edda142.pf_fragment
deleted file mode 100644
index c78a163277fb2e4425ab01b675c7a681bf09441e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 716
zcmV;-0yF&|iwFP!00002|BY0^ZqzUk{gqKpAZ2%HK?1GBq4d-XNNni=gsO=%Nh};Y
z*iN^l>W}a({1d;xb2i(}Zd=itlNrBx?|EiAuBFnpyew6DoAusg%WM(6TCk5=8CeA9
z<08v5<!lri5k417%5Vr;QHp9?6Pwz39h)}Lc_S24ifdbEAInf|sSqmll`f?uZKI>O
zc2s!BC8AMMs)Qw-y0&A_(fI-A@1NfvZW1tl>Hu(DEG3F>wM9`B_F_2dD<S7g@u(8l
z0xn{t1^JNUkK#TE=@=;LRt7X9*E-$|ysV4hA^Zby-t~1upI%twYWp$=1zaN?pan<8
z#(=$b)}T839o$H6@Mx=lP9L3}O`@ZoGaI5nwX5!xB)6WSg^H;ad7?HLyGK6Z47`k6
zCk)ryk_rwW?kpY9Ax6;m7B4~*O-~4)s<scc&FN(O;!}@5CsDYKc2d$sT1765Ea|Kw
zrZoqM)wQ-Lag%6N9&MM*DF$-<zQ~aWCLwBL4l^nkxHJ3<tet>QfWb%LpH$AvK61;O
z=!o?I^L)Q$mYZ&Okqz0tEszQ(t`qdEb~eyx1_YNJc@FuN5rxNFHyq)$*|hDWcRMd(
zc<6P5XUA(bY-<T~T6M@k#VHRjmH3bbBH^{dp@%jArq6%@!kkm+Sf#%D*=r9<18$1n
z&t`H~u0{26n9CuUs^Ht_gHMw_V5)kn64z~=q>+OD1wnJHj5QkfQlaIrHIClC&a+Az
z0EKLMdzWXeM8+x8EvQ|xNvmabxGcs+Q)xAr0???Vk^gQXBo4S~n|Zbi<Vg&}GMk^S
zF21ggPA=x1tuqi|s~VSBeY?%Z;lj1%C}EU1VVTXwO0%)jY_C$3>-Zc-#*HeLukP}_
yTF2X3_xZEk<L)XvHc@-H?~b1W_M5qzjdQodJQ&D*xHos-@BRTg9GW~L1^@s+tyxU~

diff --git a/pagefind/fragment/en_70bee3b.pf_fragment b/pagefind/fragment/en_ee9f170.pf_fragment
similarity index 95%
rename from pagefind/fragment/en_70bee3b.pf_fragment
rename to pagefind/fragment/en_ee9f170.pf_fragment
index 3b0dab07ccb54cd68d215e1d5dd00e894bc3b47a..c1a284967ca4a71a2715ed7d10421848dbe9befb 100644
GIT binary patch
delta 1183
zcmV;Q1YrC8)dBz20kCsse;%AYcm(3hBc#w>`{>tSJp1*lSHC`g_UkX6{`&dnzkc=Q
z<V}}9{nPvTY_eWmLGAR_pYjSSe*izbva7I?;}a&0gp3<a{R3zcH1O9ow*SK~4}|c*
zH`hm4-yHt>)A7lne14eBG`0Z}-~J}X52~8uK^~kv{xFUjIo3wXf5XkP;${x#WsXrr
zq4JAy_8o|!669`gL$#+*j*^N`toKKUM~7l-2sIu}j<WDDRP^-elRXt3ABr=-ujn`n
z4_!si_EmIph)cShR$E`wN#>rqs-Azor>ZB1>$=)5VI&-@<STrFFbeUzQ0=qReLXzI
z9@ew6SLbPV9=!+^e?C9nSK-q`17(h;?`al257m8sdbD%1l!tBk{?M**w+}Ba5byha
z7QG9V9z8zUy;F{1ry!ef2vqivScTAp+v%`%zE)oNbqqI=w)JFBTd<kn=7%G4h`|1E
zR7s&Q+~RTeEtjR#09rQtX1LvxXD55wJ%xn;DueAFR{7l_e_W((cZkZ7;kHlVDxmT}
z=)cPEvV*VigY557n_?Y!81>-z=;`U69y|*T9oCD(cDn*%4W#yvxbj0uv2_R!ahZKz
zo`n|i9=X&ng`Yq0*}34;q*qU$e7<`}l}glv)+xli-&z+Fvz+t_g?3IJKYP4$^e3?H
zDmLWRA?gG|e+wtD(3kcylb5dMljCQ5YCbs(c8dWLeF6mLRWNJ}(&v*WpYJBow}<SE
zoAmnP`>}fI_IrH#?09F7pTK!z3H1=;CF*8-h*7Yi<|lB}E?I>Ak_%)~AZp=sPYcJP
zYLeZ1EgW0bZ$lt%+`{vx`^EsYT!a~GN~YE~a}pdIf2C9wN`<zb96kMfPg_q8S$OX1
z)lef(&=ZJX57&OWxAxORiWdgTFi`ht_KIKX5r}JkcDipBo*tS8Y^d(1aIDp5XQ=km
zlauGWcIEBv<MjPFYxkU{)6>s)uj?u7P2pwB+ksA>!q$9a?+0fa>Ob96|MB5J{ilEb
zKmYT;fBx_P<v;w>KmJ=^^Kq8EadkdFeZHs8lf(b^U;pF(_;>%NU*}1dym9=+(b3VK
zI-eXas_k8Y@DD@N@Fe?EUk|R`(<dh<dul&TDZoGzrzsH_Z0GsYr+eCYdYI4ibvLxP
zPhtO^^UJ}SpFMu|bm#6Xjpp_%{{CWO1b1+Ue}FKt`#e5{9Y_vrct^%w6#b^ax{m<X
z>>2oN>~b+UrsLz|JuM#}qEisEK?5xvXRrC?aLv!2?;F#}A*mzQO)<C@Phq28gaU&t
zJU@PVvZsY7hisp%2djUQUC7(vx}QFOwx{k>OO8BL_i4!MJ5=}QkN3{ZQ>dG=nGRLm
ze@lIuu*!R=!c*Y4G>ynm)%}!kaox|K?b|8O4@s*uRB@6(B;k#ZPxnp6=ZA`AI8<{V
zg*K`D`QF`q^!QL6w3I6tI#4@dOX9|kPEYqXc62D3w82JtJ~?sa$In0CLwi6B+AI$@
xYfo}iSC@zcr$;Ay>M4Q1h+^na6+=;_6+@b%w1wx-Km7FJ{|ENe))y{o0RXsccc%aV

delta 1180
zcmV;N1Y`UE)dBp~0kCssfBuwLQ0xJG)|FjVz@Nt_OymgTHkw2zMBhN6M<DV%LaN@i
zkAD5dvtPe@_3QIzzy9Lsub+SZ>sMb+-gNoXKfRyNChOJJ185R7@YglA|HCg2gz!Km
z*GE|69RB*#@yVeydYH^K_6#Jx`#M(D91rr~?D2<j)X1?mQXX!We-$@#I4^UIDhicf
zjI-}R43!{vdmE}feR7mkd}6&nIy^cQTSKVvXmXT=hoPdUPoM0m==e~a`F%ylS$OCw
zdbY2klS5pd<+R%RnoctJ)K&HT^F38PIb7G(b_pZlSS4TK6NFKS--T+Qo$l-5DfY0Q
zmAyJov-9XhsPOsmf4&Nz9vUcfG<{FA=y|B_^V6f9o25K#%lC(Njk|q#ae;W>@3ZJ#
zsPyRZ$?lzU3_AtcghQaRhr}v`CfrVkt@E|=!mneviL|XJd)k7{1UEk%kwXObhXYOu
zh2a*Dvv0X9r3TQl**C-Oo;*9*)9xuO1W*}l_pr+E4&fqgf4f6ejtsYb3ReM@2SWc<
zewQ75g&$;pkJ=RLz{98q$45_3_w?XdXy~wB9JbpP5NjZ{hs2d1N{X#Rc!<mF`|>Qb
zi1)~)ekuI?fzQqbpC-L}`sDN7JE~NoCbUi==Ka>Xn3(0HS17b|^7z@~oufa2byu+=
zuMSZs5L!5ae}%rZmzlhDHJ=<m+f(z&VX#{akmwU2Ft37PV~{?dJo$V#iM~B#XWXRM
z7vGQ7OSj+S(`Uy!d;A2>8%wB%7%x#b+e3_k4K+W3qjt$6?3Y|1lLAo-r+ZpB4po!v
z-fQ95s(u>+apM-AKixM5pyeXWSW_~!zL}HY*eIp4e^4s4_2lU3=X=_Ea>&ASSFeT|
zd4irm{Cc?d)4jEy9#Xt8P=<lJPqSD2Qjb7f^Rv@^tMK&DG+;w@KZRqhK08CTpPrmN
z-?b}mcOR$k$634QG@YJ)zI$CyVQ&gATiy<I`V_Y28+$)E+fe`Mp8Agu|LH&d`~Uf$
z|Mh?We=q;xpZ@XR`kIfk<c+KI`RVgLb)FplxBvPd|Hr@kH~l(KvgD29FOH6m_SE_0
za8YgV3WR?cnuaIYm->2e?Vdh4IoVVDX-WYGnmA2~z+gMipFZ8w&eOwup0B&1y?qM%
z@0?!_*8J@8v!^?EUuiVAU-9=B6C=2TI|PJ@f8FQtDeORUV8c5y_M+%F1=f88ux8J|
zZ)2B>!7&{lAMa`T_z<0fkPRAW={S4MFNbS>_I%%%P7X;Ov2KdNwRj2}^&%7)Y~lIw
z(~~_dJUL|hY&}^0lk7s?4%hwk`LjKBpIUO{p}J2)Uf-d*KYzS;W}ZUbl+ARg>R#&8
ze}q-uLlvF^zoltJhN|wTgp2Eb{%qe)d45P*rJ;(G1R@D<e0;iZGCn_4EW@Fi`zW+Y
z<<Ix-?xV+t>Y$}u!O(%)30o33c655Wx3Qx`(WDJF((}oQD?fhz`5xK>V$f!JxLJFW
uqq@38Bse`f*;7vm1V$7?hpHHgDjm`s5~VFXfBxa85C1>NTWdfrYXJbnB6s)z

diff --git a/pagefind/fragment/en_f575e71.pf_fragment b/pagefind/fragment/en_f575e71.pf_fragment
deleted file mode 100644
index 52fe3656c0f65b2759f24cab2b5ea818dd34a482..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 355
zcmV-p0i6CHiwFP!00002|5cGaPs1<}hX2aRQzKPLE4Gv}bYKK_gsLRIwib>Z`9r0O
zvY;}vz*3}&1&NV~slcD<$H-s6ZbA{0Pw(Bmuk~D!jB&&S9ny@J#41i=5^0r1DiPM`
zD7AueR1s;DObUa-xPd_}Li6qx^YzEq?&0-&wSe{Nd2{yyvM@{v4V(Mh?c-YrBP%km
zKx!GMt)?Brd0hnYg_1ebcs%g^6DYyOX#;gW^g-aX$!nG1zM*FEZ%D{QVGUG44-^`!
zM6(svSwUzfC|a!m`rfx0DPfEPRbnuPy45Tx6cm+{s@~qRg6;BsyPR*HK0`-gDis}O
z(s~d_-8LC9Zcu3wmsOkOXcAWumOHG&gnL+S$1ub3kDF8W10J=*93@)g0d<&O&pKy0
zJq-&nCeAYv*+lw)%aS0+ygtFC>s_d;(u1kN8}l!P%PjGPNZhHesvkHHMhWWy007c<
BrPu%f

diff --git a/pagefind/fragment/zh-cn_8c8e8be.pf_fragment b/pagefind/fragment/zh-cn_0ea6667.pf_fragment
similarity index 88%
rename from pagefind/fragment/zh-cn_8c8e8be.pf_fragment
rename to pagefind/fragment/zh-cn_0ea6667.pf_fragment
index 6ead354b918b17de5da7559914d1dda622f39b26..8e618b4ec45d6e3becdb248aefaf37720af91410 100644
GIT binary patch
delta 412
zcmV;N0b~A{9GV=ki41>=evAdas$Q|6_-NH9vX*Uh(lF3Ee!lHrDMk5P+wn{~1&A@k
z_lk~wrv+VGvvrmIWGfDs6^H~4MCRL@ajIFE?l^%!lYAin!c&*j)s2LLlB{@h!>wZh
z$VLW9e%B>Hd0)VO6a`Cu5F%iCU%-NtBBAjwKS-D^;RudOm`;Cw7=?)>0bxv`QGu!P
z)F&ZKO$-ydHU$RS6Oc`f4N;I+Edhty64Zx{(NH&Jup2?RPnx3O;0aH_k&b{n*%%3D
z%k=CJy^|*+b!E`nZXG$>q^c`0@zQT-THrqQQDYQtTxh8y393Lzs)c-1vc|?pE^)w6
z$HOQRA_<fvqp5$MmTascTEQshhR_&%x4_uk92gBCiqruK6LIWH0#_2R3arr!BmyTI
zPDK$w@c;=1ATSkZ!^1MNrbz81<jcQ~yIO%Z7#+w9Bm#{mo1zJbTfdH9`7(YfDv;-8
z^dFvzv|JQ7)RCZpL=2MI;+P^d7eM=Qr1Qd;2;3m#`j8a-SJi~<3_;G{-TE*4{o;wZ
GD*ynAY`Z@I

delta 410
zcmV;L0cHN09GD!ii41@Gy`rOET>+G>*}BSpfCYU#jee^I1NDjpwMnZ!k+p22lSYZw
z@$+r}N-4_U+Ky+^sW@O(AQChXnQw2#sb&E|#|eZjDWOJBT~b#!5(-MP;>``Wjs+ka
z86^2#mjLB`0sB!DEcro*faQGw3sQ=N#=ra^VY-API4WT}`C)$)CXxh%F@;72rp8mB
zgfKNROz7Ga7-&yGHZ?XxL0+{49BxZcA2voq-H^d<1mQkuih_eDJOM{K0`6pEB%CeN
zvqSVwo{ZF$L2J8p<ZP3wuE4}gzoBV?`_xB`QMhrTrH&-10wt*y@=?he8zZ^I0Ye=R
zqezG(P?C(MdRl+7v4&^`qnH~)WANPqV{>z0G=L~l2P90yu`3B&NxUksMlX;EoM<=|
zMF7PEBp86eRG<wH%gCA{wUdx9|2pn!1=?VAATN*zG@fjVCLnJ8I)3HL_@$^oo|n;o
zcq-CzQQS~Rf(8;XNM?&;iqKpD?Z=VM3tu8|gOKY(@?R2F6S6Y|Ie&NSzr`kQ9=Iz2
E03_zIX#fBK

diff --git a/pagefind/fragment/zh-cn_154849c.pf_fragment b/pagefind/fragment/zh-cn_154849c.pf_fragment
new file mode 100644
index 0000000000000000000000000000000000000000..14865e5c35e373b78b272ef6edd348e61a662ea4
GIT binary patch
literal 797
zcmV+&1LFK2iwFP!00002|E*PDPufrv|0<?WTS8>+!5EW0Ec*a^F!5o_Vrr>MQd<Kx
zTVhBmh-jebrcR=uvM^waf<|Xb8S-7W-rMrDudsW1%Pk1ZY}rFEhx6xm{@!y}_(gFc
zEQjVoLTHU!jY!-y7Zl`RG$I7~h#D3oF&I@MYLE+Xf+DM;tP%~RucK1shnBXRJ1A)o
z0%t!Ub7zcDL}piXAPmE)tTP#C*ADUZ0f=_$R`W9uTbq_)62dY{1kt`~68hKoBLKqn
zedjI#W-gbZ5HUGB+L6;v^{U~5i@14>YM_9U3H#;@G!Jh8<Y)uVV*}M2pnP8JqGf=;
ze`T3j*XkCehqu%Um2_N)BeU#=s5^-kD1TkI&u$>Zm*jgyK3P&0W%B!&0ixqGd{F|c
z#wnOoE@_^f!ijCRu~zBzGAh%bT6~P!JXj7A+<z|$swH}RMbie(sY#3Fdtn`R0a;>}
zk+u&q4A8?F$lq!2I>pR`wHq}2b7j2p`BT?z=9rgs@*333an%0ivZ`K{Xh~5yj!*I+
z;N7{-p5pvD5cw+npLdztdZ+M-Meb-BSO3{OW3gzgMjGvA8JyMB?Ty=eaI}03)JuT&
z_8+3V2lv-8lGf9Sx2VgMX=g8o``FF)g*@~Ed4bbW>$=1Tmsqd)qoXx_dQZ1nc{-Ow
zjiS3@={N^Nj9Po(Os28sQ060b?I$*XfZlJ>9IU2hHMXE0l?`;4?irUa=BUtdt`27=
z)i+i7DxlPgz{#8LZA*gMc7+Z#4G3>*FtB+z(M1l$tIUyCLbKdS-M@VF26%qEl_C-2
zYLR8`nWtK;Mr2pNRU)A|L0N@$Jux*I;1<G?Dn_E*^ja*yEsH8oC@#EA)<10g2rmcu
zXjD|A?zSI)F*EyWX5#tm_=>zp&|JMaUV`0EJ4Y5bxot$GhE+*qPXc`ps0v3M@v^X_
zfY;Y+oG6LQ^!Zqt0L;*ED*`FLQ%A`pMc~!2B6HJEVu3!)r(I0i8P+`?a8Tf*O-+u3
ba~B2O5<OV`+#aB**qhjI@mEEfRtEq87HfnA

literal 0
HcmV?d00001

diff --git a/pagefind/fragment/zh-cn_99e62b8.pf_fragment b/pagefind/fragment/zh-cn_27c99c4.pf_fragment
similarity index 88%
rename from pagefind/fragment/zh-cn_99e62b8.pf_fragment
rename to pagefind/fragment/zh-cn_27c99c4.pf_fragment
index b0949ec6aa6070c3bb485e02a38ab64101a66907..c7f11c27684371ef8b287aaf8fb51da79aefe61e 100644
GIT binary patch
delta 111
zcmV-#0FeKH41x@>RRvm$&%3&;1>|THDg!;{wtqjZKMThm{?I<EjsP4n9G1iWLoYls
zR3ohTrlAL>r(k>phUQg*HDxV07QqAtXCx)8OwtqdSSLmg`TW}mi8g%f#w#dKjk^|T
Rm6NRnO9(&2hZp@2002ZdE%^Wd

delta 109
zcmV-z0FwWL41f%<RRvf(EQkGPSpYCpBdqwQp|z!lTYR#Go)pXo0zNV8vKEk|QK&8S
zpxplbwEip{d-y~9s5&CSnz9xgi(mqSGm;WkCg}-!tP_KTd<(S^h&Fue##EH2#@$Sl
PuLVm8*YJpS{SW{Er}Z)%

diff --git a/pagefind/fragment/zh-cn_2bc07af.pf_fragment b/pagefind/fragment/zh-cn_2bc07af.pf_fragment
deleted file mode 100644
index e7181b7ecab532e158b43b79e24f4fb5956148e8..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1437
zcmV;O1!DRiiwFP!00002|BYAOQrkupeic_&O(8K*+L-{&v}JnNPA_ti3ns&;Mqo{3
znUTbh4#SKIHQ2#mNFY!k1rjI;;l~LKV{CrjpbwF1CHsn3$e!KRY9;@`h2-_oIp6vA
zoU^-Uhvgw<P}K+e2Vw(b(uko+T~airM@=IZl?_XcX-d>g8dfxx9MP?))GEc2x~1qA
z)~g(DIZK7lsTpVP1uEt7;QBlh!9TsA3xkK)GD758_^E4v-vnFLhd>9MQ49P=g^$k4
z5gypZl)F2N2X40HW<SBFsWduRao?A!%O`;NdI#RKZ&3af=wHmi-{n*K6>ZNtub-jP
zzksm%m&m|9Ty~C^h{qgg&gZZd3=Ss&=WGL%gB<K4ywOI<E)g$Bi<Qesj?4l7Pd$S<
zU;SO3&hf8}Y@OV+&yBdlk#fuM7o{iNlTAWqhE9ip9IT-AcOnSd-bID{jdOG|3wC)Q
z<QqHHiI-gNE&>|LOgW#*phiq+U@N<C(bTbsSzSJ?zF7gudJ0{A;ITsay~^YTNx_xq
zno+8k5od0va<u@-{|^Aa#*eNghjjdV$4|`cag(6e#pMCAi!<(0jyQNPIQTrV74%U_
z<!(%GZBSAE$Sy;W+`S2R^MvLc7Yp_Z!lfLog@|b5<nxuQ0*IXKC7Lb)%w;+NPrZ3X
zU>6TqthaYT`9+TX74pps<@$V$cq?z<6;}u4C~p_{z#w%_geA~cBeg)7nLAhT+3d6R
z%Tj{lo8IC0WaaxH?*2Z9t!|z9w9wHRnRm)r&vI?PHMl27==mn!8tn2M$EEB!ItlS!
zfbMw;?augh4)aV=-!xz-OV=+Gx@$$xS61McpGETvFxdKl(rKc1=xk1lfxJFnCEL?f
zAe@8;pR}`h$=2tqf@m8EPcN%Sl@+2FDaN0|P|o4W7Cur6^<dC+9?g~EOS@lv=s8*6
zYk=pRFS^?#?{@jEyEzdMStj1(O|o+jDb{cDQyBdaVLmj~gdMsI{_7)&KNJHG`tb7@
zoD<at@E(JgrVyBffWhp+qK#Q~gM2V)a2M1{<u>h}5)t(XF!zYMK4itYN=u7Jgiufi
zJy^z~C&WS(xsNrWtBQ2T`O8qO5kqHo{IfTR;^!N9BHrsq{0t~&%ut6dHK}{C44sYv
z^<mkN6NDaqeliUC&mJ232ObHa88Go#HM9X*(Fi$!S-NB1$$iUg*Z&f#0Y3pXIV0)d
z8NL&YCe!W?Fcecmi!+FQr^bTJ=~osWVy7#k5icge(rDpS7|lUd)0j$|h%U?o*X=KI
zEY7sZDzubDoweY{;VY4rS6tL6Scr|3Y8M7csG^z5jkYk&mS7dvjhmsEBbpzyzT2+V
zw%WBSQn`7-j>c6@@!)G_Q4=G|lOYd}nDNkF*d1vCbC*30mo!HYu4@1E$L-QT^Yy!1
z-Z#>%+kJP84p*CW60~DP7toSbE??5aHFP9nOj5%1K-?n%C!2eQv=dJvVx#Ca5hsio
z>1^5IQnwSM;J<rKQp=M-f5f|O(T2Ck%`8#+G|)VzHdu>BJ4e!J+2yi*u@q>E8%M~W
zYjKu_8C_;rZ*+EQ7Z+hr%A?G(2v}X4Vl9vmi5v5Vkx8?ab(S*Cvxl!oqe)|+pH!RF
z)p`HBRtfJQmSUJv*VuTglu#@gk0dpL?_K?}=3k>I9tN;fOH)E(xL46j6}eI2b_FXE
z47jctvL2O9Q?X2XOS{+m=;5QEmHzm>A$3r~US&NNPXdL$F-g&s1iik++W}-C<mxVg
zxC_@XAfr6BZo@@O#$-6lq^`E{)_{`^&k2naZG3&?kkrR%Z|iJ?g!>rW#L#xdM+!*=
rr2F4CLZZD-7%3zbk-l#}JGvQ!XUC;JQfEiU_~Y>}q#!2qeGdQtr5(gx

diff --git a/pagefind/fragment/zh-cn_88af4d0.pf_fragment b/pagefind/fragment/zh-cn_2c21dbd.pf_fragment
similarity index 79%
rename from pagefind/fragment/zh-cn_88af4d0.pf_fragment
rename to pagefind/fragment/zh-cn_2c21dbd.pf_fragment
index d9e4c6f64df6dd9de48974d35b3fc353b00894c3..3e55f5f0873cafbdf79d7acc2a272515d735f2d0 100644
GIT binary patch
delta 185
zcmV;q07n0s37ZL!Rsy){u~?Y{e{f?`;&L>us)DAv7p2L?<n*_xZ+`l5a#2iTJfgV}
zm%`U3{7VxxNeGGYs=4<lxJ2PpbJ%NK=2K~)@OXt2Bw>kO!csASPlNy_D2)lYyMYhk
zsrJ7v#yKg?$2Bo6bF&Y!<0DR{JSTMP(q`=ghonBv!_V&n!gUxIVOnl|E1;0n2a3(y
ni$rU87%3zTB0c<YaP&}ygJV)3X=>(+?0oh=|8RZPLkj=^@d{X%

delta 184
zcmV;p07w6u37QFzRsuNnu~?Y{e+zLbd>O(3ny5)aNQ~FQy&b{T2qzHh5eT?+DRDU(
zS5-k%-MiN0VsiT1)Hgr<IJqb$IqWqq^QkmYc)Y?1lCVTCVW}9PBtotxD8>Zb-GGho
zRQn%fq%<Gb#I(%KKFE%bIGOUC(5*|GwGSMU`Zy0izYhr4VO)f1x%GiUDpDUPHghi$
mt=(aykTi(&@Wa8;Lm3W^NqwZLnJ=>Q+5Z3u-5r)g3jhHB?o^Bb

diff --git a/pagefind/fragment/zh-cn_39da2fe.pf_fragment b/pagefind/fragment/zh-cn_39da2fe.pf_fragment
new file mode 100644
index 0000000000000000000000000000000000000000..0a318978ff1709768fd672b14e401fdef5c43285
GIT binary patch
literal 11147
zcmV;6D|FN!iwFP!00002|K)vYb5uu`=wGQ(ym$s%D$vSe<9-;~-SjhtF}Uq{-5tbL
z)fFlzRaMk2A%UBSLLel8kc1Jd1QHk!%_50r)6RdX(Y;mrG=Je`o|Abp^DZS}=!uz_
z2$oy-W}ZBG@@#qXWM<AfX1Av@$)m|c^5>eae7a_L&9+2lo0Cs$v+{*hB5iL=W)p|<
z_Q{mp9q%Y~rfX_z64^|_&J<W#Z=&e-JuVe5m2aPqvHw`v9`;`?`<u%Z<YQ0T;g4I`
zU%Mw^r`i8oWvOI4ujgIwUt4;^9@g)luS^fXn+5M4JQSD8OIM-LM6vSj3NLiF-yN7^
z4{M7TLMt<D_|J)=_oA0Q{KxVTFTBDFugw>EmC=dvtNZN19l25-o})6Acemi*n^5wy
zcXJl2tj#~+U}uW%<!c1ry*ODpx56I&z1R!L3}bnBgyY~2FY$&ZA691X6RPg&fcxM!
zZ{qcN@A@s(?%cWZ)EE`xEiR7hR1jTQnB;}$|E>T&TtR^DohyV1AC=KzqMZ)Mebl=)
ze~CTBIYlcMU#$P~f<H|E>Rxym6N9w2@~%9_N7bG0UB7dGZT=$f^YENEF-V;c8L^4W
z?!|k2Y-7;VnaawnZ0J}vdn|3sU+XvDt@lHJ7O(K%`wtwDpMGjRxKBPGY;R8`Z2t74
z-NyfGY-yI?x^oV+vRw4WR^5e{?#P_{<PKggKb@sc#{@6N6kh~*4C)D1tXhWi_lAYS
z*nPuFgmshz$bv{_e-E=cJA?F+<xZUVCY84T#Kcy<$!5~0%rcA{yt@+sl#i_2_hxPB
z`r6_mv6@fP+|eO#>aFU^jhXfPH;FqD2$n=aD$n*aJ}Ez)qB8FMkT=0O8zsjZe}&yx
zTYX1hkr|Pj0n5onZ{is*_vUqZ{JN6+!6G(^6^LFa1n&5h_xyoEZmJ(~buZik3A-p%
z3e#V)YFsU$l8Dl9h#oDDRc0TezF3=Iti0<7LQO0DQRV!{^6lRyQ5-})A2E`u4K=Mh
zGP}0KajMJ$eL*c{<<PIq53+{bhc~DX>%G77!u?Om=ifjp{8M@2l2m?|42gDUZZfI>
z`9?<9R>wD^6NHMCiiK14C1}#Y1$W@7u3H6FN1mVtuRJ=-f6keT{_3hX{7{YUrDgny
zyy}khde`7#beIvFKU`)CVpfevWo8chXlD}Hr2WJ9-%5!%?sOCiIfp&%W`DPdzbAzh
z5f!Z*l;JPZsgt&NOk_Jng={WZ({gfrY<|c7GV{9Uf3g36)==2LFWZ^RW|&<Sx`SC`
zVJOc?#au65aBznX9r-C{(E8c{3Nzz0V7uj;<=zG2JZ99~;YncFM`($7<)=z~$(-S*
zwfQ-Bc1Rl#!BXqRLGKbbK;?H!>-Sz$f%4exN<WucZ*0~Z;)BLocl*Hz{_>n@X=vhc
zd2C6ILwR{oN0CVoe>wSZ{p?j_Te89K{aecJ4o@=S*6^OHtZ=-`k1u<D_Z4(bu?CG|
zUvp(#m1Mj|qgJCe+mi^XAd5EX!_oRpL`kL!(S7g+xQX^&GpXc^?)~E)ioZ87%4o0o
zAY<<MUBefE>g!{-Dzmey+nTc0<oy}~*GSN;VaavZ?epFp=9IhwnVwx>Zp%jMWF2)i
z>e|(F=yoWnm*b6iF*AxoS-Cf)N!+`e!aT_Cpu>X0k7F$PRFX^T4))a@eFOvi(w({O
zw>L}0wFThiTchs48}(Jz^2Xj&UM(nHhn<;x$WRovjZm7oU71-_7G&bFt~OEal~=Bm
zp9%|NaQ)yac3Z$)x>R1etaoQ^exmYF898@ijzQBzVSI+U0I2zdZ5&+n;rFlX@Be0h
z_X_nCrmC!r({1Oaa_USa@>wU_UI=I?JH!5|<7&ncZ#o_7D*xG@&3DPdRyr-7x;w0b
zsF-rZL!rYKPfo!qbjjD*cJaV<pi-M$Un(?qHg0cE?r2VkqPyCfc8JHO#`ay}ap$hY
zE_%DYamV&XR;Rs%ycp9kf#fW@SHReh-z`7qM!RzFarwcbl60oLDzjJg2O(8+FLY*f
z`={0xz>}VvUt8$YO_<;^5@N|^m6?0)z%R;WXI=q<dVbUGeH@&nkWphc%ey?I_*Akp
z6{z3N{yFfK!gXn}GBX2A_?Ss?4B1+k?ZsazXU7<`5~sR-&zQFyY*socFgq$Qji3YL
zO^)IWgu(U(-s*Zwn=+xDkra_r95EUj`UJvmoPUFp6?b52{nmrvtd2>Fd#9)fx^!81
zDPYknGw+xi>YL<YADG;DGq1fHZ`N<T0(%I<@Zbeg&8puGLNb02GZg-&HP1Ly5!1Z|
z{vmTP+`fk)j>_mz=v;+6-gZ99pYbk&`^o$OfIYUrJjV!uPUe+^p{7xWET5EZ{SMuR
z_wp@5+#_PWhGxlewYs8bwgxAW-qf<YJfc`Z**0ZZhxD3N%}gy>58@SlP(=m5_{f&H
z>V4F!GoVjG$@%ajH}w`fA&Sk7fR%Xc4qPCvVYYW|;f1EH$6lb_Bsp1IzQN`r?v=;P
zeTni^IEp}LlowE5jbb!I=EN~wr7>~v?)|FI;88<`u}p`Z&Pk^;ojTQ(32+P>hptX!
zhok(bU9eJ8#kVvz?2uUTfRDs<ZRsXzI1+ex-6V?gnR`q}6bC9svk+fs!+kLA4)+qN
zgqVQICF7|IgR|o+Owz<AF6eBqA*-wsW{h^c2IxRdi9}INbJcqoeNvfFITLn>O4Lya
zPRN#?=Juu@MLda0vv?I2(uf&~;pJoR{D|W2n~ISuw^oGW8@=p4zd??=du~K`Q*@DG
z9_QN9Gn&gWQlQ6<!1rZyr}C*|9R=Nk^aaEi;oX_LgbBGK%$0Fx)ZCRDmyvm$(S_SC
zWzn!Q-t4vV(@6?4&@8fgIFIbcZyDU~ZgT?HZMTVNk{V$Swne=9@z7y^e8~{UO*H9b
z(_MvBR<cny%@`9I*;-Jfq>X#aRI5+ep~B*j@=avK$bE3WJbJ+h2g!Ir)xZ~YsBgfV
zd`R<r)Pkfkd4ytMR0U>MX58na%5qDWRcL0x3XEinqv0VG)2|ifN1lk8h4hr8NqQ_*
z=;&$-$mOwy`sSUx#1B3%ZurBI1K(;<2k=YY{)2fp(B<cA^XJ@!SBCpG{>r;P=L@td
zIxM~NE~;2k`Po>dXgGs{LvOrsi??(k5++4PecirgcV@vWPE+Je+7szi;MB}?L=7t@
zrY3UU#)wv)=40TU>vJ!t**HnQni@(a$)aW6-BC?emxSth{&4-tgAk^p7`8di<16d8
z`dC=a?Y|&}l0b`+B+3}Mod1V6c@-zT%C>j|*O8bBD|6CvpikpMoxiw-PCHhoF7;{g
zbusM{%v%jZq0k~E7}Wv~qxLA1hb^&Qt@mGqW-jRyPCcxqD(*Jj!Gr9>Pr!^iXO*Yt
zn8&Am#|~bHHwX3dq<3+cSu9kz`l6Ctinz;Eux@=d*9^Kn)aP9i1(@;BRE8-3??njN
zjJ;+O&L&H!e(<HYJch%-W4Vvtp#$iSz@%b)l@+Fv{+}!N%NN07{W7E*aaN3d0&XA0
zRS@KAjH6bj&sT=dp_66I?v{&8u2hc}-he^`Vl-^u-U0&#QeC<Kl>hj8-+{d`;sdUc
z`uoL91!>O<2ov78qlM5YKYPaXtXT3H9KhJKYG|iu2=r_NMv(_l=-v5qnv!_N1FaEI
z>gzQqEg?WcDZ+G^>fZjt2V+QE`1Lh-U;Zw#LP9T!0u8&Gw{O?tGT>D3rvoxn09>^+
zU0!;wd+r$b@or2L&oLS?NfmQc;5Hd?ilc`~d=N(;KSrD&Op};`kjFyYA4A)N-XKZ<
z2KxhuDnUa|_My<@$Dt>H1TUg5&oGlb^FS9M<?^%j1g1_a(<;~%Cg;`JR>gUwJrbUh
zsjS38-Y}nNF`E$d<@_p-O&&1TElkeUC&F{S(8o-U=Fh!dTe+&+1q5d*PMUNm-5I7M
z>r_Qhmu#8XVUr4rdp)Gme4dC3cbE?4=~T}6tb&~L&ryH5qfcSJKaaMwRGiS~X{F*F
zs0ES0;%#?+9^2qRe>n1uj3jA#R=urn!C>_D@)Qp3peiMGvlcEPxnxL{<Z3Zz42+&j
zOqIHO@(ZK6uV-tkm&A0HDZ_IkKFDl=$-4_K#nb`|3K@cdgA&wVF;qGr<S}Ck3l#Jo
z^;X`^8EzWH<h{YG*pKq!BaE(+{Vgw@FE8~g5kO?3EURKr8Ne3-VV^I+G-2h{W8KBk
znc%&6fVwC=74{oz%Gki%djALseEG$ad-qa_R+D6JLhKu~CkQ14s8SR`XQqnyOn!98
zH`{Wj8N~)DW}wHrIdXr7DHmi;h}q(iQ#qSEJb#t?38V`3710Dmi1k;*sQX@)UoH`=
z^J;lJ?GW1%39!!!OrVog5+MZ(D3lPibfC^bk1q>b#)el3i2GoH$S0SDWNgyV+lR6&
zVwKCLGKCQ7BKegIA~$K!Sg_rlyW*oRSkk5P+1c`7zuB=N-C1FU-Q_8me_m!5*;k9`
zg=JU)RR4Mz32<02<jQ??W%V*LhSvKldWpv!;Zm<$1MyyRN3IjAyI1Z5*vVKaEa30H
zWkJWco1EBYa-GMWz}zTjB~Dn!WKjROgY9BKM<%QUCkxzYO{1vX!HAyUwa2--=xo7B
zvG`&h#`2Gc{~xOI_I$RJ|Nn{BE`R<!Cea6546Ao~k_N`XW6+C?12Bbg*u(#^x~-II
zNc1<IwUT?CQ<;P?{~T7URj`DI@wqWM*{mSqtYdZr$3pbmeb<Lkm=6_lu<wwdpd#I5
zIzS;KllgU;OnM-_L~2dwtAQKR2k+JKSBhceB2%e)MO+eNJzKxGgb*+kx9JYW2wM_h
zkp}_Ff_xL7M)j>M(*XIReZduyI5HjaM|&!5JNq;3*&vr3vkL-!iT4(gK4J}vvkn02
z$|Sh=vQf?5Is=0D__M*Vdc{9F2+zbTZ(GTqI@3Hy$ADZbMP{>{^oiaPLcr;2JJ@!d
zn)Tx&;D4e){X{^P?+>1|^Z8WL);{@~NVBibx7ozreBL@mP5n8#@VC~fY*%4}Ds0_R
zI`L^6>ZYjRc3B8seW5xk)qtHjR_LHYpM7SGj?<kgBswH;s>oYU`8sbE3i&XiXmr%R
zY7AgGwj4mV*qKfxED-{P_;DsFgOKP$v%Yp(1+`$x-D@p04}P=eQ=?Xr)cj11|L)*;
z$m(5A$A@(Ikd-fdXLahmjUz0lkT028Da3_sjJZz`3;ZXN1Q{%pFh1V<FGHTB-EMWI
z3li5e^iSR{bmcROd0})T$GX<v(G5Be<<CeY&KUMF#1qtlVZ(3Hfx-DZpU#3~gOgEI
z*!ln&x+(}+SOm5f1j}x5b8#(D9Q_pm%#3hh5VJfn={^6I0F%2#Hb<?r3{JCIPEZy5
zZ3__aaO$)jYFiG=ukUAA!mDj$RYczPZ!jh}Slg<NO@tjuCl8<A%ekLgO^{KNQjilq
zsSmbaSY$DP8S>pPWS@tKL3b(%3Vyd#<2ftu*!yW=Tj8q#hA@z!tUu-d>}rue!4ut8
z-_!)5F`!z9Emp?fuccG(-;ybXl+DKC^0-70j~Q_Qe-K9aNOCSt!D`ccMUQgbj8Ld~
zhMZLTrcO9{13&Ke+QOjjno-HMg-e)UAy)zgC~ev`ObECSuCt0I%zs}T4b~DtkaxE*
z&sa@JVD_hgBTOmOEC_(PEfgAFn;$b=%atYX4rCxsz_JWm?HOAzXVXJ!ihpB@X$hm)
z@-?x}Gd{y8t*8!Npsa}pA_E4)DQ3r1G-iQQK?@yBVD86;6MmguL9gD((d&QWzI{;z
z2jA3y$Q>-N16P9qaarHQ<fw>5029M1VK5{>Gh97{uO<s7Shmc~mPz1Y7|45`$p!`f
zw7>_3{xC}FURh!F)SyuCh{Or8EsxK$Zu0l<?s;ctF&afUD0O*MHB(i4YUp5l!i<C(
z06tqi(qVVLpY~^Me{VbcK7tMS4V?<N4(ub;ayn8u)1^0%)fD9ST8%J=O8@RR1!6i-
z;FSB}`~BqRw@VEjK!>6s4BvcLqJUG2J$nE}SwfNeJ*OT~%~hX;2y~+WypQ*(PeZhh
zeIi0dzDSXiV1%=rD0drP=8uWOXk}WJ<IP|4RW|XM_l@H=IWWBan9*T5UPQ_d?zWX@
zE|i};46pi(`48h^dy};PA4Ko>r|}t6-i(%z7G0Sn-%w~LeJJI#-LPVj&u8Vl=r1*V
zLTyP;u^_iGQ6FSvM-U6jZ#7U+&f$A#KOom<K22i6WfljQKe3iSenksAW+2OFC3!x}
zg345&>6I|Pa`nOQ&-wEe0_#d*t%FZJTWu$iPvxXt*_Z9)+yf?fZ&#rsi+SKO0A!^y
z@F|r+E)=z_Ha0f|DX}m*VnJ2#wmTrA)?q<CE19&D@PI}D8Us3J1vO(K)<j1v44Z_8
zv{1kR-$`XeLN3g}WYs@dnWVt?faMe*?KJ>XppwpJPe>lfWu25j34Sv$*a}YUvh7+u
znrlPJOtzqYbTB@%^BREmEc*;E3U*IH7E4+MTRvl-ax4fB(7HO?uzWTXO*PK34w4?a
zD?7=&hP;hY6{y{2%Z+{bKce4-<H#l~RPj6BiRwg)Vhe$xHu<Ek^Wp_IPKtt7I!!c_
z-F7}6_J?&=2pMr|cN3g+D3nnHAVHs{BvnK&30M@zQ&&5?&{dLswKW26qUVQgI|^6*
z9sXuYBwt9`p<*Tm#^CcPrppB&eYEauFn$`7>68v1z{7F?Fub+tF*JBX!YJ6Cxim^G
zK-piQinb3FkJrU8nrT~kE0fTPAoYwP70JBSEnl=9w-c!C3<Y5HtU9?7{myJYKxQXE
znhkYiClrWcbS2_ao9S9kj=Snop~KQhqdF-~3z0h&rTla#DF^Z5J0Oz!lA=yC)rpT!
zy~Aws#$1<7>NMddRuu!}R5Al#b9N%teoBnFWbUqfUNAS`C}l_K6SMnmwt(UgGDr-z
zn$ba(*<y`jjGUiD4x9YgNi`y9!x=hx3lxK6=T9mU{@}nf55c#hKL>=hj)m(M1fYp+
zm#Uvs^-UT{G0Z3)Qk-FJs8|gfa@x*kH#xX`W6s9vGMRFiIye=Hbrol){Ctr83A%^0
z%B~Vmq^rl%J9`&!FQi%ph3E(+&5HO0Y`ioU-`$xZ@7gO25Xl54zBJ7=Q&&nNrR}^H
z37=RfhbMbr&fj@0Sy%3hs&*<u*tX<Ud)`9VT_h&j%->0h^A#ZIG=`~!wDVi0Ar~tH
z&s2cx^$2Upy#)~=O39PSh=d2i4Bzk{NNP|t(143|f^#eG#c}0a^W5YwR9E<ZZ8-zs
z<l@teA7BgBUutAF!<TA*g9=~bn9U5~At`ICcPg*1`w$Rr{wyE+L#^MaS%yr07W7$U
z(M7ebP}|)qXd=#Gfo#629YkuwVIwk&DM)i_U8Kdx*4@=2`=i$t_{)<dXnm!;G>Hcv
zFyNKhI|}oOA~G@G5{#*jGRK4_R{Bv6#6u<Rd<d~nb$tO>fJC~!OeRC((}^x(U)4PB
zD1v<PRS}{@L5ll#i!-)54$_{<b;`)xhbP|vRH+qH4mm8is{ur2<6R{YTOc~Kr&H;)
zwLwdmnySjW{fq8ZmCZ^Cc}jNX=P}(CDSx2#J2eW$vuxQ;jS-8TBUfRDD>QfZY5CHq
z&RK>k5@!bacg_<Ql*_E`3<;NP0WZ*83DX;4X+WqSGq;fT%j#8pyE-s|3nW?0#O3ae
z_-40mF`oCX&tc9P;t`jCX|E-+VkQe-ASI0ZcDgZ&<AMycF!)fvGss5T@faV<Mmnne
zRa-jSCd*2v%j9${uFN56hP9O`j@!Kj#vma*WedQxr9~`+m|I#X5+X9MZcO13A~amm
z9+E1Ohu1`HlJW5mU$KJJY#;U2dt5q@UujPcjUg>Mh$L%eab&~(y){wB`#r`i(P8z_
zCjPu7Gb;*t+oq99Wz2EXif`;AgyBMs#{Gz;vH?_>`Si87O}QQ=u_&tN5Pphl=P_Ls
z>*<6c`i(LRqoMqm&7Z)j&IYi6(YsRVWIztO83^&nUFTCq!))rBZ?|wZ$h}O7M{wa9
zgFv#Pxzuca;}rTT+ao_h`1T7d@}(J-)m#7GW?|SotiJRVwB#hd!AiW95ck1LtiUE3
z;%h@I|MoY;2M&LLme^z=<M26QReVm0zRN;?QokecWhUSd<4Wd|_nabhdFbdnNsJKE
zu=w<!d@XH}QRh8hhBcgrUh0Lj5Id!08G~*ntdrSPvT6rp?B47IL-~-9x9~0;Laj*{
z^#n?4NHEx)DaZaor<chFiL~Va#~(_zA5y+O5|quO#k7-gbSrGo*&T)b-~7@1&o?tB
zg>1n}hkr_DiEH@o%&*h7Sn2p&O%5<)sgM^l-oFuxebv?8u0Uz)d4g)2tzH|ANoc3_
zC5)6*cZvwK#8OWLP{n{2!SzEO5R3v92~gWCs@7Jav;GoERB3x+>iKut^KNlyn4U=2
zmQ9{AxJTm<&YFycMAUkZWY0|a;A=ekv$-&nq1iU)Tmc0aYn^QRBt^;dHV*)VfYO(n
ze3XkEAo(?J$e4k@oUgKpd`816r-`F3Wg&>sD)>oF*YAlbAn|~b+ENNzMMu4?4W2Pb
z3AVIVu$8!M5jKam%Nk4bCPRoP9*xT+_jRB}+oD$v!A4n)Ju$tg=#J8k5|f5xDJnsL
zFDD+ALwr>KA?=}=Z1q=aRx=`T!w!BPKng%nMF}`q4qKsu)ad6S?Nx#4D_Iq)(Y{kS
zMT?mx`~wz%=O5bHqLtKYVK_-f{EYmU9^DCvY|w}1=31oARBcjagZR9TJ=I;01pTZH
za~rhZwV}?(pM~PBmHO3us0;lZ)x*D*{ONd_6qDny#otYx>y<{^BKyrEkO|u%>(7i9
zDZC^Gl6UKigJ*Pb<_|rM;b%i(Mm5%MrJc~$ghvPOJ6Q!y<$YpUB@968X6ch~!~%Fr
zo36PadqNyE;Tf|f&Tgf;k2~L{<YeOaY`STs(Q!XWzMAyJ?fl_<LN|-j$CnsX1I<*K
zmTnQWFPe?Wk@50b49f1>Qj$BKLmjG+UPrqD2&cL?ktFk`IhY%6pCB&<bC~voHBpL4
zTcSKOt%C9qM2o4-at33IfNQZi!*BRrU&>x>!cVIUP$4K&n{@KdY($4pIH8otFdgzS
zDDg$aSZ;zapM4lrq8R8S66uWTpnya4Jtblg*+i}oNT5gr+DZ~BW=_$w17pJb<v-7#
z)y$>Q0|A&Lj(zj{i+TArE`IEF_+lg;UaR##yaHRC&sxc<Y-ZXoUvmy_QV9-@uN9kT
zcp1&uBIhgEoMynN&_?jBHr>+(CESMQyefPu6lAW@w|0;8=zZ?ZA#EaNsQ(b|(`K8$
z3!nQ2_>+ej{LIJVOkt|vRL;i5R<v^b>0fw7%1JZ~cPTulSnrM0@VbCSu$DqYSjr%1
z5!TmvTg4=d${Lxd0bB`-8(xH8Abd%l2}|4EXD}ThmL+#Mojs<_U}$K?Z@?(Xk_Lw~
zmeeUDRaZzuc2~=*0dVa>oKsTm&>}N~5En6g`=7#3SHk5xnibITY~qwpxfpAl=c_GT
zs6$F72Jxt2mDP9_j%;33Sc-l6^87DtZ4H;v-s_mQ%`B)1!qt`ZV6s1yEe;y@2j2B?
z^Uq4W_ezmI<Bt=EHWnWIW!_wm@Ky;tkF|&d13IcRG6bc^TwxNoQB7I6O$NH4z*o3f
zBf@WllMaJtk*2Kl7vI~7Y(6Q>qm%%jv24pS`LQxzni0oHP1!00V^2h|wbj5VS`(T<
zxoFquW9Y-sp{flXhFXK(wLTiF>93)q_QVW2nDb|mS{8snab2;~bhnQsNn@psWwLqu
zTedETfowa;-L0=gVtjB?cqT0P)1Erkm8Wzkz~Eq;u%vj5y~Em(^G*S!Hi&-+QNk^V
zpWItRye>^RWi5m9?=fUX7pqUPjhL8~%DiugE}1&%kBo&!U?YNb*sAH$ZI&Xc@^7Yv
zY47AYuksMB_po=QjrAiQ|A}_t|L{0Zmpqi*IMrNU$b!2gW$p|s+(5>X{b(%t4uXVb
zUTD|128>JG@-#+qka5&SFO-oY*0;sMW@1kqCC2E<2S%osJg;=ayJE~?fYc&5v-x5v
zaQr5}C1Sc*GVfjqU@Q)V^2Qd}Gf~Qa6AC1(xpQYLzxI(ILfaa<@xa@JJc$~JDO1ii
zNJd+mU-X^2xB)acPsbgf!mX8f3Q6TH4CTEG-d#wnyD^130DZXt@(AK3Jg|q#i*1Cy
zgIY0<iun8WTik|-ZMnmf<*`YkEvf_N+LfP+Ln|>+iLSqq=>tH=^73_YRn2>(?rB9J
z`A!`NNoRM<Os=(+tLsm+8yYA9fewntE*{u_gulEzf@jV9uPe|`^hR%9$$?7gkvI4#
zm7w{JV(ThO0||jR`o*}@$A1L4arpOxCs<RAryTs?Dbc>2ILaF)3dn>#A1PFBn>e{v
zbjBOu&{B@mr4C@u<xASxrtZQ&D(CV1swa3L0q*i$dpCnSjD-(R82si$u#cAwGCxS|
z>vv9tXnc9vu)2gwB%6t29Q52OMr;`F^7t#vQKAH`s%OJvMlDWx{3q$*;cJx3699~S
zDb64rU!`NZN}I?T^)BDnm6%t&Q+cbVM?x+&>WG=z$}?H<Qb|iXlY8~egDapgYD=9|
zNT<r|1#v-ASY35_!Uec&WajUsi1au8emhKsbmv}xbN7E^C3U~ojZ)w~A1tj>&;rL!
z8#XFrwp*NZFaEvcyQ3^LEftR#F^+!+0va_j@r1E%2OYdg-$dfz{R;@mcOo^Nl3Q7s
z6?@Dd-UvPKz;{Zn{AwJID_ACQMv2rv;*48S434gH7q1d83kC$!Bu?~taJxKxxib5_
z^0-(E<^UFZ<ux0CA)Ny@KQD~W%)Ro=4R2!62V9JTJOo!A{3v4##8Y%diPx(gYAqY`
z-A_WtUJ8Z21Z+rKBhAE7ALaG)&D0SsD4-W^;XNC^GXb$LimCb+kq%_2nMIPPmvZgx
z_FWc7tIuD;12se@vp-u<KSzG!s};0!<Qd<QYpHGKHF81)LrWC0xr}|#JgA@Cu{O}k
zbe@jS^Qz3OmRIQLv*XrD%kR6xg0Edb@PEkC;R2AfPFc`G?B340tLIBv*1b3`c%SI*
zU;ZNhVbk$rd8<=KH66-R+Swu|465uwL;p9G{CjrkdJv>CX-VHPZ-gE76+)F=ZRu1(
zZl1v>9wUe;lg9BnEF&0js2IdG^RR2hnC+jm^MxZ>3^Edt`1taTFVY;g+Rljr-Q;FD
zlm#d(6;y(G)MlzDo%WKxxEQjXnUX>M!78Ew+Upo`8zdt3Se-ctZ2IyaRS_2C$+q+0
zK9UAfbhAl82MVqqH1?qH)4qNnU_(q=MU(*E9k4R2KYTIW;N_3mp3zVcHYaUK%Uq3@
zD1869$##@lhY)`#q|#xjb&5NUmScpM50%iW;#^dbs6ebt5v85=aDEU?&N+vDS`sO*
zp9)xc+ETBCl5g|UE&%;hYOHF~1)vU7#Vv*~Z8)6KVI{FDuo;Fh;{N)2$l+5?!IpVW
zViPD5HB(4ubm?Zc&V7J)bI!UKAFJ_*>8eOwGUEGditB$v<r{(WA;x03^eRud%=uQz
z=%`k*K}vByopnckRW6F$s3khYxwJ~tM=a;W*FAOuZb><k>a=nEU`N?@tO=~#q8=N!
ze=AW7#f*6a;?6)g-Hm^G)92lIqi|{jVD7+$^<O48!0lhV>@ItAcxjIfO`Ak<{pKW|
zwCYE(p$Sl&8)0t)YD4Aag&+<|>wbl2$c|qH#ie}v3#tQpL0n4uZM2&gx@r=p0IT~i
z&xRXDV`-0H<4H$e*oHFt$cVWQUQ}K^B*ZGSkIG9I=)fp+5^)3IXM{^If*Piqv$>C@
znzOkm&HP(bW8cg58_z#XHLAdVfN%eWG(WCyDO|(Z5}c>tlJ7?vW$5ds*st0MggBFj
zY1u55$#oU<WB~Pv;jO-DXViw+T8Yc%`>g`DGX6*Xr-uOh60-CLKh}xAU&hSxW)CEi
z5l*B=s$kAbwBxxYgg11HX1IOgx2UG&(}*|vXl#`u5-b+z7d03nZJXwkf6f%;1T4ws
zGaqNhQXSeRCNO98o#W~PdbK<8gF>4p>=TS`35j0tf_ruIbkx<OGSabr=PuqbfVW&j
zW&N%dyf*}68tdZ_DUv7itF<p>z~s$YVoE<WScV?bdxR=?6Y_usCR1SKTU?7adKa(X
z5ZBuc;wp-mpWxP(j<!5fGsPAr#fdI*0%O$bv`#{jYON|DaK^JKS*U3Af_}R|B>2vg
zw3E~OwTO4c(dKh%k8~&&l+Kr&w@MWvPN|?^3<EAdpQK0+UXx8uGwtF;Onmn&%N9D&
z=N1Eh@!|TIcC8ewX_d77;(;5^ph@E@HwYx2hSQ;Cpr$A;K&Rji#Cqdc4z@UYZ<p|l
zO7ihV11d@4k9+^b?`+}wApUUhz}Ik9>lVS$U5?yNn@+Xa%rh3h#0VZ${oG2VmMyZ_
zK}jB!DG?T<00o_FR~}8Fj<Cr!NE6m}-d2_qIM0wZ@8)p%-VCFG_d?y@xqkl+9&1X6
z9LW1|AGrg3ENH(ji48O!!g3k{vJ{TJLR7Yax6ZvA$B-fIE!Hm+^`;gms753q00fe5
z^F>$OoA1NWZ+ZDD3yZ3N+}oEWdB3o@vG4UI>F^M%ifFq0&iJtecgQMg$@~AdYCXgt
zgN^5!X!L+nSez57+!5PR=a>)~sn<gG=n|2oQeeM3zI6LnSTL72nt}x)5#H`yaQpe^
zlTHHnX0ruj{oK3n;UZbOESQKXDI-{(go}m1X^7-4&FlAGBS^CkJo1G%sb~yL2$h!x
zaLJ*vdX)u!OWGakXiBi>6Ggm!2QE*V2)tHDS}5r^R(?sAX#YI<QT_{wAuE6?t``Tr
zOR(}X@k|^rOtH)Wgt&3o0j*$?MZ!f)<8EMnu$G!9{Pvqq85koprcCSUj*@YTzz5ms
zgWrAoZwJ5mX8*pgX`JB>G+YW*8~*W9rU$F;&?3GEuUv%f1)-PEuFc=3uXJDP$LOxe
zAe4K*ZJxo$d}&AKjj-p0EmKV_C)X1gJfEAv7H`TgK<MPb0EXJcE31q(OUTS19Qk#D
zY;EM>jgoe8XvvqHDP0`jBAq%0<^iT<0!f#zS5~i-)LO^*IMGfeiqM(dzKhwt;m4KB
zAd}{e?%F-ch`N=dt8LTju5v|fav`;vf}Z9IE*y6)FSREs(<RXQo%T_;*;9h64vN-%
z&?1oKT6=fLoxR`{rxiCoe#x9LeB*;GX^7c0Rcne<xMefGBX@X}w=?U%r~|tF_u$N4
z6X)T`E3$nfqu&)?3gqm_g;;G>+Plcs@Zf<?Us{5DYGLhFM?xi=L@)W1V?{|Il(oSh
z`ZO;}YB!nOu>nlXJGktf10#F!1ro`311>_*4>$6mUL`$BUSY<T+usV($h2v6^O+Sw
z?If{T93zo&M|vy8b0sqoCsv}XlB6#xE(eoWej#4Lc#oQ-%UKD{%|Xo^*o*h6k3MIN
zY_4=0i$&hGTjj^#gVe<YYfgjbvN$b4l^0<?g9mB2Gk43wbFq@|f=rQUfj`8)fZz-Y
zSFn8qX93KTc84*ld`c6b=DM@_B()$D@u)rZ3}^1*b7!upq+Kp6Q#a0vL4c7GsUc>L
zg)+A_wKcrqqls)+rckrHdHarCwKeUjG}HD@&F-Ji)Yf#`1&ck^q&iuIp=Ni@w!D?u
z#@2f5g0rpDIm+;f?`t^yZ^@(k_r<&Iwj6^9MUPr(1`wa)xy&*4zK|-UIS7;ke!vl@
zaV^hhspSOT0^QzP%jt_4BcjNlsFQ0LN>(PpPw%bS{pX)+Y|JZVP&*oU(@FNkbYh)5
z-^*Mn=A-djx+ex%V+KT!5{{DHQ@|RGTQ^xJoyALfYIfJ}XgE`A;Ls>>I9gwamO(XA
zAE!4Oh@IPgAeuA~oHTW!dC(RL+LrpQaekY3O#jR}VL)$aZis~5PzU6W0^hJT&SS~x
z>hO0pM#68bOJ;i#QQ#Z5##`CvnD4U!-MGCz5_D4?W05GxO^hzB-&6y<GZJuf9p^GO
z?r_n#2DEu=-1kKT*tk8C3mWQ<WwXc9c3qMm(^-eRT9|fLpc~@9hZ3<?ULvNKP)#%k
zaBkG-j24fXySh|or-IxVrw_6H2M(A3ceO+UY^v*Fa#@FZ9LcDFHpPExJ-9FC`=|i7
zG(-b#u0xloj_HZI#+GIUwK*<S_m6g448Ld~chpCMY^m$cIdzz|<1Vnd*PH^{694hg
z;h6860=pwHY)XMF4%MNG#v~_HK$^N(9OCLCtb_)?xv`3J0Lf<jq-!``Rlt3Z!S6cw
zomIGw%SR;ihB()-)qpoNHdj+ic=lr*^X=;3@Ig~6iIXAu377J#0lB4$N`h_Zh8B`<
zG!RWq)ue&jl<2-U#$iiZwazy-H8ocg4rZyM;Wx!$3qV!)EjxBrkr8C85X+}YOO-NO
zJ3AU%A~}41u#Ozg@Sd<DjLD-4Y0d21*<6LuRVJ9u-pbkY!P-?#m!3Gmw_5UvlFrO(
z9%;a8YTmJ{3Y(}2u+AJRm|()%*|0N;lx*Hu=N}>Vj?*qUCQZBQo1?YPSRH!Ns9kk^
dGsg9e_RVjIo442RI`h{v{~t8j5s<Q)005q!%d7wZ

literal 0
HcmV?d00001

diff --git a/pagefind/fragment/zh-cn_51bdb63.pf_fragment b/pagefind/fragment/zh-cn_51bdb63.pf_fragment
new file mode 100644
index 0000000000000000000000000000000000000000..3036fcb37fc144c63052bb62c8ca8f6fe8d310c2
GIT binary patch
literal 983
zcmV;|11S6-iwFP!00002|E*R_Z__{!{wtABAVNb62vi;ixNwIXf+`QEb(K2Eb_5~{
zGA)m^G)+~4pd>&82}MwnKwoJRn*UO~c6{nzU}o1@J8mNmAjPZkc;=gLW@mSDFFYy6
zB{?<`i^kGIN=XRgLMSSSR3#b;E1DEdh#@tpXrV|d5&>BV3elvjiLwTU<k^b3SvHqe
zNGpG!zc}n<VZBBT10dZ5KdPR`H=nWjrVgvo)UEX#2v$uexmPH>eS%;6W>)RBxrzGU
z`YeLf=3up-=ST&;NT~s9Z@bZ}by4U($My5$0R#s4szI`^DVs$W*W4(hzFz3<&rwaq
zXnsY^r*qcU8n+~$XU+E|7TRcUa6r4<V)%ApwO7YnNaF_rE-ZMBjaJ3XePrCscU7JU
z=gf&QSh8C+ewBEA{F!!(y)v@0id!U$8uMq_EX~vMqM2RNS^7M#lkeUKpa+<}`WE8U
ztKQIL_ovm)dy7VDi)MD&W!qh4#o^oGuwBlP@05Ij=1voYD5SV%G+XGnL#xqnH-eYf
z=)6T`JI{PMVe{!n_<?Ys(>iR|sQeCnS;~VIv&%cyw>qO5@KQAM`ChjX@NTkIY}&K!
zqg<Tk>Tk8Ru>lRjG6r8q(^_;Iq_XaIM`M7yyY2mMI_wl_^Vjz%R-W}9d*y80n$WE$
z%ZujP?$MTTwz9p1%8pLfUvREG1S^r%en}epZu6IPvb^LC&7fdgSs+sS;x+SChqMZ;
zVc3?j&O~Ec2!6iYZ0(h-lkmLGy3>cq+uCSXjpl-j^1W(*t#E$!YQ<<h^Cd7)R}REH
zQ8oJLEC+Cp$#IQMH)a7dCq*ol*(q3+R)Es_WUW0OP-!aMd#Z+Fgx_#ia5(`_LQ?Un
z8^?D!H4_mP5N^YB2cDDE^eV1tTsV*_J#=9lh!GS;c~YAK;Szp`Clww>q<#{2I@33z
zs>^*)u03_CA3uFO)bvrP>0_a$eNa-|mpf)FVaD9u^I_UsigaLz*Og%(?hb*wbe#Ub
zApIk!%;2JkT1t^U4$KGz7^wG?N^ByUOyNu&yD%0M;!;8r6;&8dXM)0vsD(iiq!}31
zIGvTS915$dsHx6S9=WdGJAdumts5hgQXKH8<wQ8)AJOnhleC2BQ^VMHW;PCNnAQSB
z4a?D~BvQDY7Q}=&!v_A;D8k2l0H+y^)A&CDV~7v5zlI13iDWdaNl954Ka&X#1R3iG
zVOKf3$6a8b*2TGab{G(xaya7bFnbsdYF(hw^XG;kv75n<<kNbQE@bXx{s6H5zRzU|
F0040%;9>v(

literal 0
HcmV?d00001

diff --git a/pagefind/fragment/zh-cn_5584627.pf_fragment b/pagefind/fragment/zh-cn_5584627.pf_fragment
new file mode 100644
index 0000000000000000000000000000000000000000..749afc23660788bee76ee7dcf5b17e22ac420695
GIT binary patch
literal 1439
zcmV;Q1z`FgiwFP!00002|BYAOQrkupeic_&O(7U4?M#4X+A_Usrx&@%1(RV^Bd{j2
z%t&HLhhfHq8th;&BoHW&0tu9a@Z$uAF*ZMM(1%F1l6}Q1WY6wuwUU3xh2-_oIp6vA
zoU^-UN918;NYw`i24jQc(x{<H-BL8BM@=IZl?_XcX-d>g8dfxx9M!F;)GEc2x~1qA
z)~g(CJIjSnsaa?KIV$Dx;N~I|!9RVV3xfyPGD758_^E4v-vnFLhd~FNQ49P=g%8f^
zF&@~(l)E>F2X40HW<SEG=`=cAb>Ee$E2n_?Y8T#fuTlOb=wHsm-<31^746J9ub!gP
zzksmzm&m|9T5(R6iN_phF66Kk434G%=X?{CgB<K4ywPUKE)g%sOO>lBj?4l7Pd$Y>
zU;ka5$?>m^Y@OVU&yBdlk#fuM7p14%(=9?~mQII(9Im2`w;~AI*+Yf=t#foTi+1?{
z<eR(I$roJiE&&?KOgkUTphiq+U@LoX(DaFjSzS4*zFq~%MhacO=dnWh{mRrONx`+~
zno+8k5odn4a=i%2{|^Aa#*eNghjsjW$4|`MNt2-0#pMCAi?i->jyQNHIQTTV9rRI2
z<!()HZBSAE*e*km-2F*+>y+jk7Yp_Z!sQ&Tg@|b5<nxv50*IXK6`Cml%vCx7PrZ3X
zU>6TrtatW6`FW2074pps<>q3Ycq?z>6;}u4IBysC!60=(geA~cBeg)7nLA(b*&ML-
z%Tj{lo8IO4WaaxH?!f_vt!|(Dw9xT6nRm+B$Z~DIHMpn8=-C$E8tn2s$EEB!ItlT9
zfbK;K?algi4)aV=-!xz-OV=+Gy6Z*HS61McpF<0aFxY;N(rKc1<ZR7|fxNj`Biqw-
zAe@8;pR}`d#n$J`f@m8EPamsCl@+2FDaN0|P|o4W7Cul4^<dCU9?h5GONU>5=owkx
z>wxE6EV(-*?{@i(yEPdQStj1(O|o+jE7ouF6BzvvVLmj~gdMsY{_CTOKNJHG`tkD!
zoD<di@E(VkrVyBffWhp+qMcdwfP5%va2M1{<u)Cj5)t(ZFl|I#AGYFLrKQCqLMW(1
z9xP+g8)Bh~+{c^HRYkfJ{ADQCsG&1E{@EKu@$(Hl5%2XQeg+jYW~d{Un$*2mhEB(T
z`iN}E2|^D)KN*JnXD<!?eUAjt44C+=8rlG@XoMWVEZs5h<o?2J*Z&f#0Y3pXIV0)d
z8NL&YCe!W-Fcecmi!+FQr^bTJ=~osWVy7!(5icge(rDpS7|kJ7)0j%Th%U?o*X=KI
zEY7sZDzubDoweY{;VY4rS6tL6Scr|3Y8M7csG^z5t+p`DmS7dvjhmsEqnaPI{x4mt
z?X_!Fq;mU$9gC});=$L<q9#U^Cqo_?HRGYZuqV<4<}Q00E@_S)T-E;RkK3hx7V3Am
zyl<pixBK=49j!I#BxuKoE}<o>T)m)&Yv@SEn52a1fw)fsPB!-pX(t{>#75C;B2F1G
z(%G`ZrEVui!GHIfq?X5l{)l(mq7846n^~gtS)h4LZL$`Pc8;Xcvdd-rayifxH;#}$
z*Ww%vGrG#K-st?yE-t~Klt-Br5wN;G%~~KK61V0JBa>z;>nvxQXAfVG#*)V10I4>q
zyX)R}trFfrEX6RT?(vCMDWO<09!Y8f-@D+dWypF|HciDc=?$x`@8N@oKPv<AwqbP$
z!x6;+S@Z8()G_{Ksg|aM#Bc$lw=Z(_!hMZ|y~=tlo&*a0<C3B&33`2tcL4ri2;nZF
zaTl&(;6r(0-R`1Q(vmS5&N8XHeWEqsq|<Xk<3t-@A2}rTaXQ+&8X@661~)OZUGb4Z
tQUU4Sw~df!?-ND}NkydZo6nAJ2I1LpsgKmv**WoO;xqecHRyd000017({KO)

literal 0
HcmV?d00001

diff --git a/pagefind/fragment/zh-cn_b2e449c.pf_fragment b/pagefind/fragment/zh-cn_565fd27.pf_fragment
similarity index 92%
rename from pagefind/fragment/zh-cn_b2e449c.pf_fragment
rename to pagefind/fragment/zh-cn_565fd27.pf_fragment
index 85cb2346338891885d01798e868a10ea6e903472..827b2d30a82946feee7ceb8cc980bd71d97b987f 100644
GIT binary patch
delta 538
zcmV+#0_FXHI)pl~_8Ncq9~DVQlSf$=&dFwu;su4KPZN!QyxR5ce>Z*G>9jGBqVG4+
z1pk8~>}NKfO*s1B7QsI(!rz+Tz@~^MW9=zE-=*#bCn0K|S?~5{4yl!WlYdpB5&on^
zBma969ISIS8wT}ALn0LuSK1p+9_u+`z-^Imnfh%Eg53x=H9>zCyoFnAGoXN0P0EHg
zF(pBN?*jkW1s~0nMV;{qt>d9+74mGK;btlu+8E7b8=>G^o8Rmc;fz9k)Evzpeq_yZ
zT+Wh!y;C4Rrv^2?<#<cjcomu{5TEI7+De<7!=TWecLn5v)}&y(*AlvtR`vb@1?5wt
zQNcNJ{Jk(Z>Q#Sp3d}jZO+oqK_=zwmB1NqLoW-Boo*ZlWAZ#$auSOgG1vO{@nwvvu
zfw#pQ>6*U+C2xHHCi1EFPy>6sIdrp`MsOPO-noJ(Zms_&a+cb4U>_b21IGE8?xes~
z6u8H%$uwi<urAsp@4f#~y-Ap0z-<L6H#WihA8LT#|KNXE7+|<Qq+ro+ZTJT#n!|O@
z5EESRKEQRL>fA<(_;fuJ+MTH%ibR>tF){e)Sg6Q-)7%K<p)en(5?+M;F%M~PHGOka
z1WQTbbTqK9rY@RW-VdF&r4dX#q*CDgOwH8N6!=twed5EGFrqTYPNUL_K~%VNtR||{
cmr)d4KARGp$KPY?`nu=;0mh9oHDqf508P0H^8f$<

delta 534
zcmV+x0_pvPI)FN`_8Nb_i6;0T31OqM@od7;|6U0Gu@L?yeD+xM=6`}D9Zeo(IXfqt
zIf~aAnm$c5{_$$pxBuPrZKu=Lz@~^MW9=zE-=*#bCn0K|+0gc84yToUlYdpB5&on^
zV;1JfI#;vd7$j0LaizWC<guP32HX}2m#N>zAlQv?QxjytTeyG4HUkQ1)ue1_6H^lO
z_b%{{UGULNS=1S?&^jK9Rw2*!8E&Ssp^ec@wh;=xwfW6H5zZ*oN6pdv;YZdi$K@;u
z*bN2pb81lITaLGcjaQ+W0`ZyNrmeKOISdNjc~?L#XiW;ndo7_WX;tqpP*6TK8Wo%q
z$KMNsqh2+qz?^^6+Z2=!j-LpFB2v@}z*+pM?a8s055fk+`)ah|Ur>Vvpt(7e7I<5{
zk*@hGQ1Zt2Zz7*+4>hpIn?pC7X#}Sc@0}}%;@0|aB4?>x2lnCdFkqaY=}rn<MS*+F
znoKix4(p;#^4|L&)tiI~2HaMFa$^&`|Dgu>{SS_X0fv9;LkbrC)`ov@qB&gW3^Bn4
z?*m*1s?Kesh)>ruq1~DKp-7bJ920|&j)jWcH_eSu9t!huD&a-gAM=p*R?{~(MX;0<
zPDca#YU-l7<^9lUTN=T{Ln;N%&(usUO@U7}*e5=02_q_V>@+H^7(|6T$7-TFeHlf;
Y<+I6o{5=k~uCIIk9~!qVRAg%a0OSh@2mk;8

diff --git a/pagefind/fragment/zh-cn_af6e5c4.pf_fragment b/pagefind/fragment/zh-cn_5ab33e7.pf_fragment
similarity index 82%
rename from pagefind/fragment/zh-cn_af6e5c4.pf_fragment
rename to pagefind/fragment/zh-cn_5ab33e7.pf_fragment
index 30c445ab9902e6979074c70ebbb06e85f86ae7ae..9a331c2a560a9a31ed44360e692da2e3993456bb 100644
GIT binary patch
delta 178
zcmV;j08RhQ3C;<yB?N!aN^7DT5p^9II_sdPK1pPjCO`iwGnJ6z1dbXmh>F)wvz(A6
zLpBr?P?HXob=S~ZlV}CvQ&gp78VJlS3rImJ)|@A!fF29%pQI!vp`!;6=sRPagRr2a
zB@zC6!pw9w>~nF$alvYr^<f@vK<nXrczYBOX+TK#!TJo2pkFHM0Yz^{M<KDMC5RNz
g@<_Md92`59!Qfo2hjjDybap=bFW$kr_gD=80J1hvTmS$7

delta 176
zcmV;h08jtU3CszwB?Ny9qT;p5EK~wu$cBOfYSMVJrWrbB5(F`$2+)jcq8br(9T__7
z!KXe+WR@mB|0*+;kmCaJDXLO34Fu+v1*D)9YtEBV0Eq=0O;U(S=;(n8`py{7L`h2`
z{P%>J>1^2N;)dgb)h_G9JlufR!};*`C?L{+knV%^85}{s)&nSt-i(eyVoggBDWK(%
eZoN4;b}ECxxmpkD=I!b1eD+@-_3{>24FCXw-c$?#

diff --git a/pagefind/fragment/zh-cn_5f3328b.pf_fragment b/pagefind/fragment/zh-cn_5f3328b.pf_fragment
deleted file mode 100644
index 0602e96d923c4d4dfd5453ba6bac36c16b21660b..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 797
zcmV+&1LFK2iwFP!00002|E*PDPufrv|0<?WTS8>+!5EW0Ec*a^F!5o_Vrr>MQd<Kx
zTVhBmh-jebrcR=uvM^waf<|Xb8S-7W-rMrDudsW1%PoIoX3HLWIh;Sg^Y@;+!Y_&o
zVL3Dx5<+X-YDD6uxu75iqY)v<N7S$&iNUB6QG;B76BJn$WtC_keI1o5KeV*n+(Ai$
z5IFk*nLA^IA~L(817R3WWu3`DyLO1L4?wh2x0;`U*xIxVlMt3sB8c`?lhD7u9{~`q
z?>l!1Fmt&Kg^0=7(T<#Us#gscT*S?5R09Q+OxQPPpm}%$AV(W;9vi6M0Oj*y7cB$)
z{VU7Nx>mO!J-nq>sHEdU9GPV|MBPcWK>6#seRcyOz9iox^2w62D3jmE3=kck;foSj
zHBP~#a!K>-6i#fjjkQXzmr<Gi)Z$~*=D~81;Qo72P%Y8hE1EWNPEA@Y-wW%o3&;|)
zjI@1_VSpaaQ2tJP*C}QmtlhBTpDW{)&!4((GsnE7lh>eLj-&QBmsRzuL`#awaeR^o
z0q@Rr_7vyOfyh_k|GdlG);onyEOJN7xcblL8H+_@HPUD|%iyf0Zg1QUz|rzCP%i=6
z+kc2|0Pe42B(0|tZ&8;i)6QPr?_)RH7xKLq$P1i~TGu5$xWszRA04gf(|fwr%G0?d
zY82fKOUF4FV$|9LXEKd7hcX|jYd^6e1oVE3=3q57tFZ<3sBECSbkDeaF-L`tb9Fc~
zslKVoR{^C~1Ww*`Z(9=7wkvd~X+U^egMrP%i7s*|US*EF5}M^sYVh*W8{qlvR*FQ7
zt3{T%XP#=Y8j)T7R*8h>1Z5T0^~BU<fLjPlsu+oK(`&H+w=AkWp}6oeS^smq1UsE}
zge+uoiwJ-kRwa?Gdb;PS3K6<?@KQv0Imkz&q8fEyiSZXRv#(|*p3jc2$cr3t#LL2x
z0$yLQaiSzH)8}Jp0x&|O&{grBI!Y!f0<VS@nVWtR3-n<=?PAi-u<rSQ!vY^|YH}o;
byC~?E=)vme_5e-A-o$<b%LjL7RtEq8X`q9e

diff --git a/pagefind/fragment/zh-cn_68b3659.pf_fragment b/pagefind/fragment/zh-cn_68b3659.pf_fragment
new file mode 100644
index 0000000000000000000000000000000000000000..ee6c2a3b13811058622d7c210e1d9bbe6ef4d436
GIT binary patch
literal 403
zcmV;E0c`#siwFP!00002|6NkMPQySD{1tQ+NRb^Hkj$e<K?(E-MUHQiSe);ydniPf
zC4@pnK?6;YA{r!0Dyjhgg7PT&1$G@LPAI&d-P_$6`z8%L(2gZ<@`z{5X~6>KN76Ss
z@^vVkHGa!UE<pRN#v&yxNQ*s<MRDur=Dvi8=EDKT$>;a{@eRT6cu41y@yqn?m5@qp
ztfV10eYl-Hy(91_Ydaay5#g4L1;_VxHGn9fqq9}ILnVC9wMt?GhYcD!rk;!f>NIw-
zjI<Ftq9CDHDK0sR0sJW4U(!^p9zL;5U9l@Kc@HSjV4ao~McKSAey6P2F37S}lnXVL
z)@oCcc0hs-EiA?S8`)sfAbIiQS55g+--g(n!ff<08x5w<Uo?z&*;AS~BjxBi_x5Y7
z9SaNEuprB8ECCxLVsV20AWNVZ{LmO!`N3;l_3NhzKk-u8!F5GvGZbVFOl@ohR6b$2
xGn7$R5y3^qKtQrEQg@ezIik{MGz`~k9>aoAQAl^ff_i?L{{e3HP5QI~002BWxjX;>

literal 0
HcmV?d00001

diff --git a/pagefind/fragment/zh-cn_69610a7.pf_fragment b/pagefind/fragment/zh-cn_69610a7.pf_fragment
deleted file mode 100644
index 36093500dd29b0f167eb8ad6cc442f3905ff7494..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1443
zcmV;U1zh?ciwFP!00002|GijSQ`<%q{wuB@I;FKS@f4;5*waq>ke9xsj~U7+wv5Hd
zG9$?)DdQQ3tDRVwBwR`$8Iv-BW{PnK4+F-5|B_mgdCFhto?U6Rk}XKmG!I&@&YsJ6
zE_<}=DQ<#K2~u)AnMlqAbFvs54n`7EM3EB_PF974$VZf{tVYs2Hx&tnf{Co8@{)?!
z^y;Fq{6ue7-WDFcYZcLW3-JWd@6Sj86HD;cn@^!UXf%F5gt5E??8QIL)qNs|#?Hm2
zxu?PETHVlU=Gjx@#XP*03b0x`@6>kC#C!(C_DR8FwhfxK4dZAHP5vp&5}oGWA+?D3
z+b6HFmB;N?3m9r;eF3bun`OOHGOCZMa%%crs|=i{$1tvxjSZL>XFHwaBi00wG75X0
z#y*yM2CEw8IanbI&Dm4RdAVBC3xL5Wt^=|0Qg5wc4QB+cUaz#9%QT9Jty5S4`tF`h
zFJTwv9Lz<))_FKf451(d*q|7dO6Q`ElT=^Cv45`bJ%Y*k0vknr;Rw(jY{0x((Tgzo
z3O%=Ppdkd4C>q`tUZJrcUL`d2fr=ON`dJgBT_I4x)170QUlL5?V3$(bCruWL6~>LK
z1*P1?Qd<maEM_TPm@^wySi6m$JLmy~V^}SO$k;CEE6Z%^yCo!BqPc5mFIkKv)%y8{
zUaSLUz3vCFJ2)X4ATr_*g)M*(D*Z{>t8=^5rPB^<2>Y-~E6?jPtUEbjZGmf}F|V^$
zM9tN|Ni9+5Nw`>8G~T_!tXB>@b8qmLdahSA%HFjb@E+Q#lFVOj7do#V0Ob(sRDbhS
zFKM47s-60rvDTnvMf_k(&zwIdF6xV#@z)Nisw)b}jmWQ_y36O|s>ZXW!d6y4tX{%Q
zP0#`&4Y7Tq8S4j-fhA4f)#z62Tr8RUc>8TNEZA=4Rw+<tPhO)2O~M@T6rAOMaT9m(
z1_=}GEz}Zfy`)K4T}s!MtR7B22e@?@)l*OYE;lt7TfO38>&MC-;>E3VSZuADyBKBr
z><_d0z(rD(gvcpMfcc!w!0;<4=6Liw3@<;(GIxJe%4P2IavZ&n08tTsqYPxpUP0eX
zMU`_2H7i?b;bgg|E+E7LR^dU>^-%z7T2QP~z*t<Y{mesjkJ-i<IY3Co2pf<^UYbzT
zJ^1hD1Tpy&cMk$#0q?Wf^4R5R5+SS*mW8eWgy3zmi;Vq>#i@5f%2wg^)AA5Bk71!$
zEa1;J$;M6Q)toH#aIClD_hI_wJ#3F$$Me~&{ZGE-?Fk$TZ*fvm<mGG1z?*NpB?7qk
zQYw{=!tgb&2N=EySRG`<B_azG>8oX;wv5OVBb+?JD~^m{uRCRD;~4eXGhf1UMSwuw
z4rKf)J_4m{dwU^T`kcMyK&AeFELN=GQ-ZY>_Cm|>eu1~Ioq(RL4LS-_M4^BSMPHA4
zXKK)Gv8!9rvSs_4t8Tqjn##&feW<j?Vm@(?$6W=BdE=OQfYPk*V%RSL-R=loj(i}j
z@P9|eq-DTPi{O(G>pN)cyFOn7{+YsW5!m4NCdb3~=t=TQLKdb}AuHM4hTb$?j8mM<
zWw2BB*Va}n3ZyP6EBRpb<OKi`R~t%us|VEioe=u`KleSFqI2S)LBLide%d~mxNXw#
zIUd;i*y-5l_CB4JljDhO4leLRgWrXMDM3_uSqTo$<U_#>uX1P>6f)>vfpJcB-SUyN
zDySmQ($GZ|?;*JGqsu2^!J_aVg3L(~bdKUx1^;!>|Kqor`;#|^ZuU<IsUWh&Nr`k8
z4Bwdv@*<xh|0$$zfQ}?<BMjnU_`3iQ@b}cK0f^ZI2Q?8K9>|AWs-w1Qa{VQDUq`2h
x>gX99@>7HkmFPrC&W;Q?H`P%T9g6yCA_q~gCJ&X>G?*XD{|k%5=Ks7A008No$94b!

diff --git a/pagefind/fragment/zh-cn_217f9f1.pf_fragment b/pagefind/fragment/zh-cn_6df03b5.pf_fragment
similarity index 96%
rename from pagefind/fragment/zh-cn_217f9f1.pf_fragment
rename to pagefind/fragment/zh-cn_6df03b5.pf_fragment
index d7a59ac23184620e7befded11d9e3c1de92e0551..9b0d106996e274e057019e000fd39474ca023095 100644
GIT binary patch
delta 1194
zcmV;b1XcUA_W`;00k9%>f8YA(t)F$5I)7H`=_&X2{Om7&_5NRc^2uL({Qh73>f~R1
z@Zn#4@|TBy*;_jK&tJE-9zNH3+Kg^{{d1|q4E~n+XK#CNM>fdOV=YD<l~J~V4T*Gb
znF&jst!KKj*?;%1Z<Rs)Y<iqIl8x48{`%*m#}36ioAHe*vuOBtf8XlpYAt0V`CA{o
z_s4g=369bPh9DSGr|)dXq0BNkyW_@%FaKZ^vi!x3ck<{5YQ$r_<RgcU90D&QH`tNG
zM_TwdH_ZFT-!B;E=phg%<S<8D_%|`k$s+~B7zo-T({dOCGx|*o^Zv<#VU8cFpPx~~
z9B<*@+%O*;KUy%%e~CjzV5y&<lEa*6;osaaA08>%)X778JM;AyH{~!VTlhCO%#rtw
z9nC%b%`4`J(}9&N64f$S;`n3V#IQ$>y_dVZqXq+jYty41HF%)Dcw-(f81v|%#?Y1O
z`UE6J4@W-Q68$d5KYskfg7J?bNYnmnwe8h#{9`TA?_&J-e+$PyehA#CK;R3<Ki(4k
z?#4g*-g`ykpEy+CeO!C`tTvKqCQRo;)w%w3{VHhr!}(6MsP=!_8V-B>X=}t^#L*9m
z4(a3}2q!htaqU4Rob+T%^t%}U<k6!A<G+6h%8-I!3;hoPmS+6i;!VR3$@$)I3EP`}
zsvf~6-~X^^f0G{^lK0{eFqrA?#dPPEocn_o*{tPIi)!fRJNDkOBl#41#9Tz6=^50X
zRwRv%d=tYSJ(5q+j%AnB270G=F1sO*Wj9p(EJi!_{)Yvl9X$kMwi@kdi~L!PcKpK=
z1*0811PU89+OZb-vl#8<`?&y2XJ<1?7H&2CAO?K@e}jDTdpvvLtb!|jwUmxu&`<L5
z?6r%1_r^a_Fur;Epr_R`hU1%OF!tSzf4qo3A2;9yi9c`s$6BJ_#rVgM9V-|gXx+}`
zaAcrz;)@vb!{bFTKXHh;^KjS`E#XHu@`)oSi=ch-5QJBR!=7wWU&NRneDGoZ!#ZU!
zD{>#ge-DzUI+}mKP8gH}DMl~ygh4j-MUHvwXu+5U%@%LgmoJ248U*vdh%rx`I9@QO
zc}9(1cXBWs(>$R57cu4s?-#A}_@TYc?~J-69P@aK`Xbo5V<%1)jCtY^c+G}mo@h~D
z#F!r(JytO0$wS7%&=?qtpy&yMOW{YsH6A^3e<GKH4XhZfi4er_gBbAGhxzDqGD9cJ
zXEd(w=%t>_Fe>;c8Qk}d6^v|<>gx7hWicGqAeH|`a=XXgFBsE22g~0!hDIZRJ()cU
z!ACLj`vs5S$&9VvT`_nW9og{r!AFm^K60X9=o5#G;$*L4v@rwW&?j2Lk8<b_jugSz
ze^9K&p>+3lx_u)Y+7PYaqvWzr94|tQ_YJ5oq-zV&Rlna7ew0IhSUB_thd>h<j{8B2
z`XUBBdhEj@)cEiaB+d^9{jf!S5rZB(a^!=e+wtBZhz5y2z~+X$*Ai_YrH%Ja9xa-}
z+(1&eM#eW+F!(A4Kk@#_+}8(mwQe;2Ah+m$GQ1Uz+z54@pf&!l-dIK?`28RMABvfv
IdpH0B0774E>Hq)$

delta 1189
zcmV;W1X}yK_W`u`0k9%>fB(7EVVb>Vy7jjAc9hMZM~}4_#ZpG21~w%6m?pM|Y4Wq~
zQs>V~Jw4^#o}c~2uipQQPd@pJkKg}`U!DAm4?g^hPyX`oFMCTT|M}~-*2CvIPrqd*
zEOoY?>B?sR-M_w72KBQU<jj$5#5VKSKOa4IC~wM4m07%~j;_{He<qT@_0fBOeAk=c
zC{17pf)RE4&UPHiEQ7N<Zd~~C4@M!&U)*>nkA9#=JjP2ta_Gn*@FH@99XWiYg@1Fy
zynp=tf?<vx0&zkPbF_tj6T_T5QZS5xpe-^jhcPgt-^4KQpDY;W_@Vmw88yuD7XHl*
z^TF|>1;d;;WCWJ_fB7jn%!wBM%?<P6k)lnVJhZnnUw?5^4s)`Fe{;hedGFZK+{53z
zVvaZ+Sji$$EpsJ~KlV)wd*s-Axyw6hFaWqVJ?c?|2kMJA=JA3tj~;3aU8$~5KvMK@
z<fARo?_&Jp$3H9>{}_Ta?Y~yrUJb`T))M_L#(%$X{Nsnfe~k(RzHt2GEz$38{G;!^
zS2X^KL-pOqwWrT&BbjExbUsv_>rdCOf|fs=??j7g|EI0tu*aXaM*Kw_{h;WOP9B1A
zQX?JL9#q0fPqswAi}6n$Jz6mS`-h+mDG0XE{}5nl#?LL@H2jd9@BNmrz1gSg5p44P
z4~sVW!6A7se+~hIneJXpcW%kKKWLH7S`M|ShHk!N?;SgmPoYQ5MFg6jLG5Wp(&)%H
zG3?PJ`4sI~c1dlZcY5ct8}e9oL&eWxv}5moSTNerLm+0W(T=vrpT%g$KRi(|+Ob2R
zuu-EOYmq;T(N4af3&3=CHlt+WR>Kcs!1q7MC%?zDe;3XwxYAck>G%cxBp=USyV!Sc
z{1XM^o2L(YS}kKZzIg^?-`)7fi|F%l1748$^VWZ?CHh^AfBe|7g7JaY?OYB=1}Z1M
zh%rArUIg<KhnPDLhdt2}esm+BIC8QG+9wY|cttqu$rklRjQPO_ALc)-QwFml_aXcs
zd8(uNfA{NzK{=3O^de6fWK&<{n8%J5jA_tp@n(JbLO7;DF#n4f^Tdhc1!J0L)aZ35
z2g5PV1L}VfV}9^{(K?SG+S~ljs7t~zkGH5Vf}J~d;$*>?Ck}zvY&hnL7WGAp`N7d+
z1!JB(WGoDgfw2gRo-nu+eiU5e(IY2vDcHb@f5DmvK@2~L0gru{k4`5ubh3O#<NA(X
z>d6eFf{&8HeeYPo$OfsdZtqnV!(k0l`ClZrd+hy!G0k(Z{B2`sGy>R@*`pAA6eGW1
z@CcsF*!tZSgO|~f4Syee^jPa7Cklo>amXl6_9{jjGY}4aq9yz&hyLJ55sVGRS{zDu
ze{ZMTH^QL}(F#6FF8jpsBE)##fciqZwh&$Q`z_%|IrN8xLw|4xG?C%BAGD}1V$h?<
zJ}g3w4-Y}&{BY0@ThtdZ=&>V5J}9~!?;V0@koW^^ZpeEr(FRi5c<<!VqAAP`B!z2a
zd~*eZuVU~M@1M+leLz?1M&o~r{wKp*8{x=}P}d1s<NxZ7WkiDC|MC9;&foPAH~<0w
Dm*i%t

diff --git a/pagefind/fragment/zh-cn_8998463.pf_fragment b/pagefind/fragment/zh-cn_8998463.pf_fragment
new file mode 100644
index 0000000000000000000000000000000000000000..92dab622e660c04ce626d90dd2f710b76abe7af5
GIT binary patch
literal 1444
zcmV;V1zY+biwFP!00002|GijWPuo@$|0<aurm-c2MgvViqD|dHU-r^HRt&j`LyQ~;
z+0JN(BBlII+Jw-SKcmnpbf~augiJ&TLJHrdi|z2#udsXWwXd(87}~DugRig8J?D4+
z-s5Xe@e@K)loR8Lcw&ajDiSx$h2wHqRpMb@(ZskUgw>3qg;N4Q73P9mJR@s@tRXhN
zx@asv(VLaG`A6?s1vK75JOOn783|xw5uSSUsgwte#_xwPmX?6M@Ta-DPvp?px!5%K
z%CNdtH_A2h?5Xi$9v+K%SgoCRYCC9RJ_BO=ByTa>3eDPvakPde|Kw*0rnz@WH6s4@
z$!o0Tal6$5hFVEq0PXE&Nv{-*>SGE{RljSMfb;Yi#+8z>0TbhFr*nM7svuHEey`Km
z$5PK=wTyWVRtTUudrCPkS8IA6Y%mJzKy19!TWc8Mj99DJEA8eojUr;}<QIUxyJypj
z*o8UA<^tH(c{ocHp&$g<pcs`(=c102RA0ogf3EL6g30*;8%2HL2&_BUfO)f`7hv)g
zx^CY<Ll7nrG`!8fLSsKX%4p~Vh!^wvSrc2kLQDlucaCX(NidCrT}o-6G+9%uFm6;W
zQ%X%NwZ&MC#VpW;IkQoPwcF^rgD$Xe48uZ*jP1O>vdpHwTSB%an!85%C2J!|wSK;#
z7wSM+ulpI;9h@Ky5E*fZLY9FLD*Z{xi@9Cw!n6Y$#6GOj%JaGm>rPHsUEtbi)a$Gj
zQFHZgQcKi%5-!#(8t-0V)+>jdxi@%AJ=ZH`%HFjb@E+Q#lFVOj=R2<+0Ob(sRDbhS
zFP1+^R6F%KW355Uiul2no;iO^T+|oK#$P+6s;(#?w?%&S)LlLwS2dn36|%DWVf7MX
zYJwIJX^8EUvax;u8CWXoyJfl+I~PmlKHh#?4a;mdxK#?&*^}3(L6a~CJOyX@U)aQ5
zyg|Z5dkfWsS}$o5R+rMtOI8mjuLImVjOwW;f0vtO7hApJVe7|W5AovGIV`qT&0TC|
z`|J<1`oKlf)VRc}YJhp2&A{+0FJ%REABKk?6otP(DreJo1to@_M}Vk`zflIVWUrui
zrm88~xRz0@wD5}36AK8@fK_-<bbZtSEhVZ}DPUV%to_VIu*YoWj2u`<#RwaaB|)Ch
zQa$+ZW<@FS6Mqi^VHw_Mv*obM(<DL|5SGQR00iM_vWtxUipHpSV$z22`e}Ix$YWS2
z8V&ffO|o%Q1TCw`Jsj%|{60*-yoc_Q>v%q!w*SeuoIQa<;VoWHNP==r8F=%Jw?qIJ
zUs9v85g5M4^#H>+0jq<IxI`3jB6YP)#Fmi+qJ&o_1l5rd?RBT@Y&%AM_RN=XT@fIV
zw*wiwijSDmwY|M2T6oT0b4;cFf2^$-;8PlF1NO3(;r#+{UpoOkTN`u~rig+8mlb_I
z>Yb@Ux5ln+Ma!1$Yp%NWR%tS$IQ5~?8jJeGJr;8nEar`2<^f8x-isl>0Cc+}b~*Ba
zW`+K{RZLn2?6inJ39;UTHs1C58t~5)ehR||w>LQ+zDHL=P~(a?rHL8Y?l$yG)5SQ&
zD|{L|Wxs80U`Zr(Nm<DYqbDyI5O%epl(%{S&hLcK=l{Cz(G;B%2Mq$&A`8>@!NjeT
zhR^Z9-p5YIMqlsK86`0u&t%~PerWK!AeR&+O;A*BcqSL*(t^gL87HREUjg_Lpzv}S
z9fkx=#ozz^KYp9OKY4TLX8(kkL}-|AoR?gG0}x#kHA!G;=z|sSHTW@rK2kZPi<jf6
z3@E-c!wHg*CjS&tHvl%l%7#F52!0m;vT#qk3OL9~nK%zM!3_`Of-dNY4NX3O$+xeA
y>7hC}gF}8m=unAHl;rHl80V%sK#`${9}+o;dXYR-7HKdymire2K1z7J5dZ+0V7Ns9

literal 0
HcmV?d00001

diff --git a/pagefind/fragment/zh-cn_8dcd37a.pf_fragment b/pagefind/fragment/zh-cn_8dcd37a.pf_fragment
deleted file mode 100644
index 1b0dd27ad0f3127e61cd91ba409e59dcc7eb9623..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1408
zcmV-`1%LV<iwFP!00002|E*WuQX)qbeig#iZt03YNyTW~i`=Agm8#?}mazzoItGUn
zGuCcmSvBhqf(n@R2Uk#81A<uvb~TD1`YxO48NA9Xq)&HG&oCg#R_(<!P50^Ve0}=#
zIj4W|P6`vE<RAC@{B!QvP{2Lp_V^@^9P)X*Aw~2B1dkjHDIQq}2tLK*?sofvk|Ib7
z7Q9!Z`r65Rbxn`IMAZcD{Bsk*?e|1h3`#EegIAN8DEw<(^2ojb_n+WTrfVL9+-?cC
zT17STG2AhVDvE7GCw0-tFF<E+$qr`}llnOb{H?+)DlT#vbd}TUY3Rfcjg2rNwFjJz
zchEBMM(F}TrT?@8;ub}cgu@w(M{iN2OvF@Fw)Tv&dAdvJFE1Jw8S-}>{+{jXTer}m
z3tNyWy~bZxD8B}Z>M^5U<jakvOSBQU(86E`tp+0~dZN`|wc%_Mpq!0b-l#zbm1>y(
z2a)I6@fIk5boH*oF7)&pRKDf**J?TaENi^2>G6VvnYv)6h^l(JNh#W2X#y{<>m_!Y
zF8k@~iA3YB3`4}pv<mFMQ7ohSHm8Es=<!@zr$dPnu?q%SAt220`ruFF^6)=a-zH5T
zh%&FMZR!VU%j=e}wEAW%Uzj>x&?;-x_gus$_VKA3tCza^f_tQ%%rH&sRkFJ(h<=B^
zQ6P!G9`*t8F>YAShpz(;CsiVlA_hD?g&)z{XVXO#M*zGVfBo!t0Dte*W4n#m%|tgU
z^;bQ4X?bUT6GdaKRM5-y)_tK!7)9Q6-k@mHI!1v^(MN3BZVT$e^b{JUT<b2`#o;ua
zmOf+p@TsE}LUQ^1eyfPilJ;xEZY=RPJM*8Ljsum$JOpW#c&j?*r}RwvoQ_O@$zV0B
z$BsCxR=?|HEr*prMC@|<%wxOxQDT?63co;@hQ3YQ_2>YtW*qd`P2VX$bk1#XRuZWE
zdncS`%P@CscQ5f(+ds5ie!FbcmN*f#zC#Qawqgcag~)?aB<|g88Cl|MTI~-b^MV}D
zfe|N>WLn0lO;(^wvmNwCT+Gt~q6|4{h|rpy`AG;d<Bl<NwwWOSPobTI#)21r6F4{n
zhLZ^h(xftlJHs$B5e#wVg2JyYS=4I^k)bb5P(Iq#1+2JcwthyGzLEUGa}FautZUj5
zf~L#GTy2<7wrHJpXcZ?M#v8S9FzxfyZUhjRHf_prT4+z38s~Y_R+nfh`2<!v71^0I
zTdNJi$U_r9c19g`b>9BR!u>czEqjIpWi}+)me6^#!xI}0BKpAwxt^~J_#)9L2@-{K
zRNU)OplR1o)>*+am7zfhM}kI?1ml{jT}S90*JDr+HSSU<UW4eoSf{liDE^imywuNb
zBGZ_>yiZ<`>L#Y|FQDqN6*QtME=)jjtH6pHTb+m(BK4I$!Z7XmCB5*P1fo@(25<`t
zb9F22Z<XkdSiPC6qwEr`HX4L5D!(=BSx7!8mcayIJ4gE{yJIa3FXNgK=WWWLMl-aL
z=ZbLk%1l&QCE@lRXWO>cq1v_ULtap$>vNj6t;ASS8<A6@j-0~cIkk*g)~UpjZ4Ol5
zxn>92%o9Hqo&`hxabIv2UJIXo-rMb-5Ce)3lHEgd^WE+lLGj|ATb#j<ka2IodQwnq
z44{ZgKyVD>lGS=(!0Q6%d@M>(;Pn#nN*=E)3yRDhEj?cie*H}H|L|+iq&VTmioKF=
zDhMn_=iFFghQ4N|`T)i6(Dp<&bv=Ps32+jgEB}vDAn5bLkb9_izPm|Pzp0Ae23j3j
z*p5*PXRz-fAe`lJilh0>0&<L6K>eRRNQq`fnief2$EY1?p!4Qvgm7+-k6K6rUkuKV
O&HoGj^7X=!4gdhfz_?%l

diff --git a/pagefind/fragment/zh-cn_964a4fd.pf_fragment b/pagefind/fragment/zh-cn_964a4fd.pf_fragment
deleted file mode 100644
index 46270b9d8343ece265d7d11e31d7fa04d45e894e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 401
zcmV;C0dD>uiwFP!00002|6NkOPQyS9eid{Rm8zsHAcdcy10%2_R3$mLjY#gI`%$T)
zNC=gQfd!T#RV+x1OiTsd1@&j-6|mDZp$zAI_SycvoSphT=thEfc*rwmRm?o*hQie<
zbd@ix(QaS`k3qSt$wDa%2!lE8RdDP3`mThCmg5oH*~i!N;T6HpbWHcN>GS;dg^)~5
zB!wn8zrR^Lz9DeP>sk@g72&`}F~{$AU4Y1=tJBJDPzcYNl1ZfDpiM<bl#`J`o!YFL
zkv2kyWCRRq#U)2kfIp>%YnqzX!4rwp7QOP4cb^;u#wt-$l*xa^H_DjlgD68qxKLAT
ztveNN4+JRRz*@||k_|Qmf)@{8CFN^<8)9=Zi^=<9GMYbqQZdeQAQkU~($YA0_nNF5
z#RimSUY0jm0>($gq6GJ&<Hs~|tTB;^p`JcQiUisjTo%{Y8mfhHg3Dp+B;m(SDtZii
v`XcO0A~??&#E`5OslP*AIHI6xYT(Lju*5R-X(r5T<rn!cKqrebv;qJC1<t>X

diff --git a/pagefind/fragment/zh-cn_9879172.pf_fragment b/pagefind/fragment/zh-cn_9879172.pf_fragment
new file mode 100644
index 0000000000000000000000000000000000000000..3c106972314845a2768d466a09b3cb62c0d0f5c4
GIT binary patch
literal 1261
zcmV<J1QPoniwFP!00002|Ls;=Pa8)R{wvl#R80#QlMo47P^&)WsZt~Lp%Fsc^<p+%
z)@XMTX^<sTYGQ|rozw_q2yxPY2uTcT5V6heza%?r^VGl4IcIifcI_o?-}5lDvuD2Z
zoy*+Lw472WG$T2lRFZSjjHye*Qd}|OmZ`*L)7BJSjazBcj$4zeuE(VwNl6>FYS<J<
z>dWM?{64$nu0AHsA|3pFny3A3fW}}z6;WD%zr@hs5PV7FC>BJK;v;us6>-b7Z@qr)
z)U!@~AIAIhttz6wr|omvi~-tRgQ?2zLCdY$y8CvGleilPD9n--5W2<3B)22LOt;)<
zUu?Dt;PQv;Z{SI7f%Z;)^(qyozCudNPGgC@fM2q;=QM@qp89D8`wfx<X7`}nJ_mXG
z-ILbt2@Kfp#TKU}xrNqIRk+cWS5nMl{|Z!2Uy?%<KHt84Pz=JTdMua=w^(dn9Ab{q
z7jn1=(zPR&U2>iar4W5-*AB@UC{rQHufrg}ND6-eGGB7)O~5SekOoM|n^Gq-{|bZK
zY(K-r+&pquce>N*B`o*OIs2pAV+2&d@5^k#U3!U`_qGI&npp*qo#2f203W{3?h5fQ
z0h`B8{SB&VqxRhZWQ5Ud!koKY=(dG!?7M52(E#H?BM4!!BLuqk@zd}LVf+Whs5#ua
z)rPxLW4xqU7Mlc}VU7#ixT1U^uUfX?nq974kmfGN(ge1tm@pAuPS1qDs9u~U57~aU
z_g_|;ZE5Eu7s}^mmD%!qNMKIZk3|yr9_5)o+hUuK?*!(6`vi>A^Vljaa&<PvBPA<u
znXO1>7CQ%fhlo7fLr2d+=d|2<fsQ&Sf3~Xgc-FUDtGE&FTC|JP_64+<-+e<{QneIQ
zo3^#ILH~whk!SnUg(VU;Et@j#$2r=*HBI?f`ptkq*DN~(HC21YG$OIE5OEmLr;2G=
z{#!E=^WG8Q^Vh_fnfh5Z>EI4+W8V7`F@pr7Xfn*M-B&reN8ATP)kxWsbnq2SOr%Y2
zTt&T<Jk8a7j#1=K_(~oGh5env(GeeejXTwCMdLQ8o=<_ouYJQI>6ZcQweDb*8PlZC
ze`maqAk9l3a(ULLP4$+MRPS*-+UV_YXLeH4Rp0NR3Jb9xy3e3>SoER(>Wl_F47nen
zgRu%f#-bt$^83C9^?M^yoB6-?gug-`JF&$*IyUbQ_@ha0Xm`65eY<!!N3~8a7J?VR
z<@(WOrQCfDwrl64R^cbxU4M?}_`o?~cYBExR)R3Ha~8?QE*PirG^kGRR5v>>ZjoBW
zX%r&Wy?e#Se+0>>L;->K=!fjXa7~zJg(c+Z2IdYgQCgTHcuBZa%C{fkE1t~(?uRrz
z|G1HFtI3o)t10-XLmnP9xfb=77RIw_GdZrLXP`E|K6JB3n$UDxH7#j)F4H4TskTf<
zk~T#vZYZ)%*@(-QrP>y&t^2<FsrP>3){m*alr}->5I8RDqS9uIN~dhi*3}L%jgeK<
zP;}G4Bx+MOl*u$WaA!_Zb#;oB?UM;$Pj=|{q7%JP>w^XLp8anIdL%uq$ndyH!~L0_
zkck1`1X}}E)(PGYso)tLxQdAG1^O7XmpI^HSSpATH?L%3Z#a9v1yhGK$Taxz;Mno&
X430|$)AbvJnX$}2UpK!@at#0gG1`5H

literal 0
HcmV?d00001

diff --git a/pagefind/fragment/zh-cn_ad77d75.pf_fragment b/pagefind/fragment/zh-cn_ad77d75.pf_fragment
deleted file mode 100644
index 03d7817dbcba4bb61eba92f7979526e44d1d662f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 981
zcmV;`11kI<iwFP!00002|E*R_Z__{!{wtABAWB0E2vi;ixNwIXf+`QEb(K2Eb_5~{
zGA)m^G)+~4pd>&82}RH*q0cl4&3`FgJ3jR<Fth8d9k-E?K#Eu6@ys{h%+BuQL1;pZ
zNpf^N8i}Taq!Jg#gkVGts!AjnQZy+N7lUd-(SqS*I1I8dBt#OjCdwKZk{8S7R>@pk
zCe7TT{_3cmf%OJ841jbS{HS^k-+adAyBe%UL$}tlAXrtMWZ$6h{uzGlnOW7h<`(LI
z>oW*aorTqYnI&cPBE>qa-JN>3+Cic764$R!`w$r5n>xw7rEC^hTywpI`dYqwFiSOM
zqwyUvpU+y`tK5=&oiRTaS!koR&H?RGli}O>m2M4lA@!dKI6v<-HkxHK`<ZbwKU8=k
zoHHlJV98#^_*LZf@n_m8bW6y}Dr}PsYRt`&S)8NgMKimov-EjfC*S=~Ko2mxwQa<y
zRlK3e-lo;cd5cD>3ub1?W!qU{#o^oGuwBZM4N5*wbEgSH6jE3<8clTErPZjr8^OzK
zwBMt$m1Dk~u=)Hm{6IL=X&rW|RQ`azEam=+*`;0UM~zVpcqy8>T(?sXcsJQ9H0+ty
zaV}1C^|sntUxx-^8H2B*X)ZVoQeJbrqu$5e-S%EL9kmOz`D^<WE5~||y>d2gP3YE>
zr3G_!?|4f%TiIGfWm_j}uQ*p8f|bZ>y(aYoxA}`YSz7dlW>B!LED$Mv^P2gpLz;Qk
zFl@_MXQDAJ1V3MHw)S$yNqA0Y-RVQ*ZEdtFMq}PZ*{Imx%bcIRQZ|||d<pc`l>;$P
zRE<12&jH+Ha#CZ{jhV;HNdb#xw)0lG8KAVjSgTL_RGJF+o~of3<~Q6mTu#9gmsGs!
z#_(NEPKQMWguC$EgXc6gy^d=N7Y?LKk6joCVi-kHp3o*ixPl*I35ACdsh`B1&h?C_
z>S_;^YtNkN#ZR3KHFX?n>O`n1ACwgH<&N1(m@#+ve3<f<A{7|mb#2gx`vc&voTUFR
zNdL$w-M=WJmQ-Yq12aMa2I|9v5*?2uk~mXGFO3cfF)6NziYkny(nG?usD(fhq-hw{
z<Ds~J@B)A)X>rk~hGFbXVjROTgTanM;DA>`axkQ-qNX}?efXyO;Np!7cWw<&NHGDT
zhUCa(0x8^031VEFW&?k61W}^CP-hv&S^S@XY{W;}Uyz9>A|Xvm$impU^iW@r(OwXC
zm9u-?1@>uOoXh720l_JUBhC)9hhe|g1sb_{VGt6#8T?2-trzK1`d<1EGi|R@WeETP
D0}0r-

diff --git a/pagefind/fragment/zh-cn_bc27649.pf_fragment b/pagefind/fragment/zh-cn_bc27649.pf_fragment
deleted file mode 100644
index 8b6226e438ad5c0514ddb85301ac0afba7b583f4..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1260
zcmV<I1QYuoiwFP!00002|Ls=YP8&xQeidsks-^{uNr(h3s8z3WRjHAB(FmdKdNG?W
zYqYzFG{}-EHL=5wozw_q2yxPY2uTcT5V6hQyCgenbJbVqoHM&KyY`Z{_qmwy`0RJS
z^UayRGcBjo3C&23Cza%!G-K-0uoPE}xMeDF*|ar9SL0UNwBy#Ks_Sv7M^e&;tr|AP
zk@_+@EWgh#xvP&!vq%SjpXO<Q8=x^5P)D>D;9p{Ba0q@$<0uwHk>VqFV-<1Bv~RtB
z?bNeQeILgA^Q|hPzo+eU+Kd6(U4u`R--D4`wRQLH8Ygi#4$zn-D`0esk4bJvfSGT(
z(Z1Mh6+rTb>~El?wm^HQzIv65Q(qyaWv8)3Ucg_nwdXX2a?ky=g8c@`0keBhZl8m_
z{q9L?_XGy)@5L6UCAo#xQB}z3$}1`6v3~_Fr!UDN8lP`pJ}3rZ)IAo=g<CAPFAg!s
zsD&IZf_3ePWtW`iLMcQo?b;zZ17~U^`E?lN7fInSK;}zMy$P759nt^`c~j~{=3n9D
zHrvl|F*lFg)t&BidI`(DbI$(gR*ZlO=)TMr+@+V8d2dVbS+l4BvJ;%q9^k|G*<E4&
zB@px2slP!tZPdOSfQ&GjP59<67rJAijD2?vGa6t#Xapf_?g)Xdef%_hLKy!+G3py`
z-D<;KsWD#CEQ?KoVwi9d8&{Ms<W<WST(iry3)0-hxio=oDkegNm(vU3FRC}sl80<R
z+xsso&9=02k_+W?v&v$58WNb3^<$9)zDIfH&$ig+<2!)~aGyX>dLCP)Mefc%@tKm9
zw=7m9Gn+dHdxwZT+(V(~;B#7Ty+EPP$)Bz2Jf8LK)+%m<yB6)@w0!|B=6B!FmQ*dp
z)TV7MZP0(ivB<Oi>B15To0d%(_v0LG-<qcUEB(!YLDwuh1T|HA#xx?aun=(=(5H%d
zS^iry67${>;PcnSn3?)nHR<3EZDZd167dBIMlocVUAwPxa*wzVhN_XWC+XlT_%M++
zd2ki|Qt~u+^EpP5KjAxh5H$988b?Qb>@_Z`JBr3*P(PmnjbHnLL)I??*lXRBRc1_+
zKL4Hbg#>9{`jE?uK5eSEjHG&x<1t2Whn(3-O;>&0K^Hc~e&{}f))CQ%`l~Y<P#BUQ
z;e&G(I>w@A6y*1{2K{>@Qk(g|@q}LCkDb`!9v%Dc5BQ@=Z)kVB6n(pRH%GNjE*63p
zz~%bUWu@GG4Yq6Nq*mc4+g*Q-=lH-mVRw6p6jp*TvU3*6#x5AA@igd8?^HKCFK&@q
z#c32G-MxFo$A1LLs6+vQ_vnZ0!*ETQXN4u?=mzEvFHu^UB6vwiD&^ac@D<PI0QW<h
zo`2lPx7B1yoz)b4)FBTKn%s-3rG@cq+Dwis=^3bvuMgeqktQ_VR!vJ9p3C$|Q>rb~
zk)%!0ihEqvMFGv$iW1nGt*aeoDxDR|P)k$26ow2?rkk=6mn}=REmocPefLxE{lu*w
zQ++9ILZUHcLzzs2fID-Ns;g71Y@bX3NwOnQFH-bEtq)Svd-lI8(bI|ykDD~ypXmvO
z81O@|HDG0(;O(#qp22~ui0EFRk1>0R0|LWVL6o?8B@=tY*#j<^I;=sa!H-Xl9ly@W
WajRgueq%5*miY(lJz!UI4FCWfwRL>}

diff --git a/pagefind/fragment/zh-cn_82b59c2.pf_fragment b/pagefind/fragment/zh-cn_c5d845d.pf_fragment
similarity index 85%
rename from pagefind/fragment/zh-cn_82b59c2.pf_fragment
rename to pagefind/fragment/zh-cn_c5d845d.pf_fragment
index 1a0fe3a398052a1498141b259a534b31267d45f8..bd31831cc0c0bc8342f8674599bdec9d748266c1 100644
GIT binary patch
delta 171
zcmV;c095~{3aAROh6I0bi<e_kB&H~Ws*uZj|E*g$h9;EzeE+1FKyX-aJeG8?@+4Vk
z3KdII2n?fhF}c{otsWhTIb<^?@l$CaaC?Rml0u67FEBL-=<$GlA12WUe<pwh;eq--
z17R+i=3`J+-0(m)>@#tLnjlv~avyYY1EVg^S2sHWq0==wT9YF~w1=R7)CC&6In)V>
ZoXCSnfl&|A&|r2f`yaJ)6rG6?001{^Nnii~

delta 170
zcmV;b09F5}3a1LNh6I1(v7~!LCpka>s0NZkU>F^D$$cFz>*%D5#4rN<4<N^+NK8=#
zRUy~^{#&<h3{5Ea`Tj{U!6BP5iJwXXf!i~jkQ7qne}Sn%0Eq_-^<juU_%i{h2oKcv
zGfAfT7?c$^Jdh3hOx&O*$d!=X2VLC2sEhN}%}zk*bd8SI<Pak5A?P1<fd+35bwVO1
Y@*q-R)PpoMm>tXh2L$nuyNMA107LIgLjV8(

diff --git a/pagefind/fragment/zh-cn_c999918.pf_fragment b/pagefind/fragment/zh-cn_c999918.pf_fragment
deleted file mode 100644
index af9850b644c5f7627b9224ca9b61566982254e7e..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1478
zcmV;%1v&a3iwFP!00002|Ls>>Pa8)R{wvn@p{)cl#t<k?Dpe{{E4A;H(g-c~*xq!#
zYwfNRDuiTG?%0L~LkLc|BoI*4*w70FW8lBE-V0Ct3!O8wJ3GE%=yM+IJ$q*6JKvl+
z=j@r37)LQliH<}g(QzTI$-<Bjj3_}}iv%@MNlQUVNu`aT&?Q7v#XyRICwv2{z~7lg
z=VHa2-m`XQ;N>c_;atvwP~En+L9pi5;I&Y)i|ceMel=&N&C)3r{;g(V&UzXCUuIxv
zt77kfU~fzT`p$uwTP6A}rZltD&YNj0{F8YKR%>T(?CnW_s21$qN*ya=WCK)VN%@|J
zpWXOJHuS|kECuneUJG;0qfINb4-(#m{r&<AvN(!lqFGw5T@-=L(OIop1^bme419+S
zNfXJOuaGXqm4LquZ|Al1m8*AIpL)V*WEJpi-N(WY0{%<uNb}_DIOn!&=Q%8-WHEvg
zsvJcc@y<yeM)O;CVXJ<W3}&3!KRWT@*4&nr{dUqW9AF_T>Efu2qIF^7DS_Zpxpub4
zuc$x6EI(u}!=9Wn%(t@hSI<ghFAL1!wF-`kW0<*nWUbEqPlpFMir0BQ15xl;l+%dB
zUg^R<FR|EnE(>OHvtd7!C0WA4jUl;IaeSGZi&!vzN)ceYSTg6~gsno^%0j@WL|uQP
zYEiNX6iPZdO2|8xF92_L+uqOdSk#e>B6Vb~x<Mva?EE1d&+Av_?iyp6mcV3wpE}ef
zXO?GZ&ei2VBgTfU^}MwPM{PdKQoZ{+H*4iycRCjd7aVphvKsl39Sit`jc{)0m?gyv
zT9^Pjz{ef)3C@Yy$vbxnY~j@&twgxC@D%|IPI=~5TexA;SgVKT`{zy0ZPNOQ!IdJG
z=>!iyA9(I!!ST>9z21Q(C4~i1QXFHlZlDw&p$*GuVW-JgJ6WU}{&*SbYn@bgnv5nr
zY0Qib!J<%)KO~N^Ax;gPnI6=4@UQ;{epkdK3e@G}a*ky5Ut92qsalfc;n@_;1!uBg
zE*!8#v7R5BnHS_!HcyKV^_I5|z8sZZI*~Z>_^Rj^1MDWN^e47RWuQ$rBN}O)m|Zxw
zGLs-7O;a^*!qwTjQvy_H{x?=ahG66)upR4*_QkxpW38M|Eii|9;GLZHMAQ^XiQkmQ
zz~DgtZD{!Lorthnj~?URgq+{WiL*cHd$zdg9RAGDbc0b<A_-B6lQYL<$$I%KIhIp%
zX}$SSo&C4w(l4DN*@I;Jh^3VXetZH^o{)4m8okQ@=?(VxNXI2ar^UoGbDw;g)JQss
zx9nm@G$a~mSVpc6On%&m=<2}k=K)R$06H?hGz?7|O&f??Pd<*W+!b(zgqlQ+Sd1p@
znXv>IvQ?rXI~w<9t1@zJ%W9mT>p@Pm;weU>!*JB!N;uOMQYt*I)cHJF*Z&MrRiygX
zmE~jO0e|rO&Hc{rv8CHt>d~wsUC+`}{B<Dpbj8}7!q*G<hL1$lG~6)y`Ubj$m?RrW
z(}kh&i7p|D3=vC$l*AX75mAO~2(fFeom#)I;`N4P$cSA|*k=-tkTr0x!55k!?iP@t
z(_2k9`M(qTJ|qtJt6$%Fl!^=3mWb0>1;Y=<1w>C4uTF#jD(czo<}Da#%xGyEw=JR}
zsfsYvGtpIt*6X3s3k<!z_)ra6A15@>4v2oZd<gdLFYX;|SRD2i)5eBGosUqj<X}E)
z2Se{6+?9c&(_+Yn?C)&{N&9}U6Zi3&^gh@?s4c%tl~iAjmapNQ+|$#R4r!*LXW^*u
zIu0e&$fJ+(AT4r>5NaOa@WSo)MLJt(H#sO?$D#D!ZO4lCYb{tc5AXrmHX5L%>ZW0c
zTN@vav|7BL3$1Xt9UAQsx@jlmgSkBtQ*&5NLFFeMsYs+};Bu}`$%p&hcAUH~z7N7_
ge1vdMxIF?XCp>_s;MNcJPCT6W4<TP9O{@_B0EM^T6951J

diff --git a/pagefind/fragment/zh-cn_d388141.pf_fragment b/pagefind/fragment/zh-cn_d388141.pf_fragment
new file mode 100644
index 0000000000000000000000000000000000000000..cd99585f27715cbc3c7ff71fc242abad5ac61d8f
GIT binary patch
literal 1410
zcmV-|1%3J-iwFP!00002|E*WuQX)qbeibuUyCp0BBo(7^FLIO0RjQJ^SjHkS>KGhS
zFxGBjSvBhqf(n@R2Uk#81A<uvb~TD1`YxO48NA9Xq)&HG&oCg#R_(<!P50^Ve0}=#
zIj4W|Oo|hd>>KxaeRINW&@T)LZm;YP1-))hP?5ZT(H#l|6?aJVi(bVoxCC!NRzz9B
zg7<1vUpslPuIcfYsG7i?e{LeU{hr850l5qQ;MHU%3jbP{JhCsq{U`Vf(KU}jZnuP6
zt)d$F815KF6~(rple%c+7ofAZWQQ|~N&OrI{#IcY6&JY-y2@$wG<4#J#zvTs+5=9<
zJ7^hrqjUkF(tp|kaf>2J!r=_YqqithCSocoTYE;?Jl!SqmlutT4Eehbf6sRHty}2O
zg)PXGUgNJTlwSiy^_WpF^5w?TCEAEvXkoB}R)Y}~J<;l~+Hf`rP|ijzZ`7cJN;S;?
zgUEC3cng$2x_Z}P7kc^)D&KPZYqgwymNnki^mxI-OkFTjL{&ZAq!jJ1G=Ue_^%6VH
zF8k@~iA3YB3`4}pv<mFMQ7ohSHm8Es=<!@zr$dPnu?q%SAt220`ruFF^6)=a-zH5T
zh%&FMZR!VU%j=e}wEAW%Uzj>x&?;-x_qvEr?Bi26Rxfq+1@}ljnPHmNt7Lao5d98+
zqd*dWJ?sPGW8AQu4_^lyPO3y8MGSa)3O|yy&!&qgjR3d{fBo!t0Dte*W4n#m%|tgU
z^;bQ4X?bUT6GdaKRM5-y)_tK!7)9Q6-k@aDI!1v^(MN3BZVT$e^b{JUT<b2`#o;ua
zmOf+p@TsE}LUQ^1eyfPilJ;xEZY=RPJM*8Ljsum$JOpW#c&j?*r}RwvoQ_O@$zV0B
z$BsCxR=?|HEr*prMCx|>%wxOxQDT?63co;@hQ3YQ_2>YtW*qd`P2VX$bk1#XRuZWE
zdncS`%P@CscQ5f(+ds5ie!FbcmN*f#zC#Qawqgcag~)?aB<|g88Cl|MTI~-b^MV}D
zfe|N>WIBXXTS$Q}&34cm>0+MdmqL(}h6t_MnV-ZUGwv8OXPX%U@D$oPXe@Z?H<5!g
zU^p4SC{HR=xHAkB6M-OCE-L)ml106y5E=T?1m&aM-N1@#X6t7p`5W0MKIbsf!@8y|
zA!xe0n5zx*$ri2C4z1FJ!+4`M4yJvc+Km7L)22;1P7Cd6Q{y~u+Uk-_C7-}bry@I(
zW^1)U7<p*o$Iht3U7ff8v2Z^QQOlk|QJD?Owk34l?C`{fgNS~xL9XZP0=`HzN`ge;
z92NIE6lmHtlyz3HOl4>g!jYg+B*D0*YS$5Z$MqN#M2))?iq{}IFV<;o2#UXD2QT-t
zo5(aKFYl8Vq`Hae`wOUgYz2*|iVG8v+$yl5##Sfdg-Cs6k1$Moen~I9CV^-brvco;
z!d%@-`&%WtBUW$b>L|NJtBnRBjLL7#dKQuoie)eX*v`>D%I;VT!^^m4#Ce<Yr_l^;
z<hdeTy)qM3R!O*h$Jw^6b*Ogj`j8jY==z+dZ7VTW)JEi#s3WJacup;2mUSwzWSaxk
zcdpriHuJ<!g=c}FZ`>Q0h1bHTpZB_i3CXXB!H_UCH}4W=M8$)9f;594A@J@9dStgJ
z6cUvXdv5f6HTd;2+4sY*J(JP|#v_vB9>4YYpe*o|A}M~+F^r2_>nQ^75L_JySg}X;
zP6dF)=$wG(XXtBYst+{y92ieRCc+bVm4GJkx$=J$xdeZ}>wzI*sCVAgq^jRkMQ;PG
z4lQiQsD(4w_Ye@yayZ4&{AK|;MlGQJ&mN>iGb2rl7LsGsjx^ADb2LIYH^)aUq=7F6
Q=f~#%1&^PaladYq02Bwbu>b%7

literal 0
HcmV?d00001

diff --git a/pagefind/fragment/zh-cn_20933c3.pf_fragment b/pagefind/fragment/zh-cn_e6dde39.pf_fragment
similarity index 94%
rename from pagefind/fragment/zh-cn_20933c3.pf_fragment
rename to pagefind/fragment/zh-cn_e6dde39.pf_fragment
index f803a8c39de4c8e968e78d10d6336c693947051c..36e823a91cdeb836e2f6c4fbc85464553701394a 100644
GIT binary patch
delta 964
zcmV;#13Ub^f4_gQ3Os+?wrkr*Vk#dAU$2+Te$<gjCgh*56}$dgR%@%?+x1nhYj;~`
z^--^*S9Gu5`#PEwy~F3~-c*<PJ(tKOWq)u$1&%^FCOBY`ue^>394a`JfZ76vaNyyz
z7e_7>hpw+Lo(JLv`QY2coTI5&cUmssU%%VtB|Ujpn;5CPPELO(E<On)tAhM@D7zyI
za*r*F9;?KptFSOS)VP2?#dN)6Ie1e{BJ|zJQJS;!uDrxY%E;Sx)iu_h*kR47UeD?4
z+NzGK(xV$@tlH{NBJcz2U}xnH>Z(dZPyPFY<>6)X=|B2U`jb=Tr)R{6_1D)o240x~
z>Z&8uPOR!LuZMp&dF?N+hpm}3wA56bNqtrE>{UU{%uw~!@QWD6>Sbq3W5r$?s{Dnq
z((>K)r3a>?hHCoJ?W?(^rD9)=RlrM3M~&6=i|L}JvBBxW;LP$!mA|-Ho;@k{8n;;$
ztrqwPb*dPaERRT3-Kw=2x3;EfOT;K$ekl6tX~=R6i70;*;g49Swe>sS23f?boeh2A
zXhF|dw{<%kH`)1UUxIJ@?j!r{w|6#dw&Su^Ip6F92ityUzu(l*u*oj>^fvG<K5($X
ze!F>-x$ms{Q$7*<Rz|y-K6Y0Bi~R90{K$H0sc){>Q&Uxr?NU?q;dc8F*VMOEM6<==
zD&md){1SiE8{rrvwuCOk;Dl*dpxisX$tTp(v<dpfx-)4G6M=Sn^iQml+WLk~&@CJ7
z6e_iaW$pSW)=6DW?Iy_8nGj~<^f8WLpVCjfmjIn50Q(aYRVpSjtFASv62bz&2ud(l
zL6PVxxZ@Oxg_z;Q%L2;mR+NbIx?sA{f%xEb!KZ)MycxKy*#&pHw%Qs$d_$XSDr4C4
z<tm|vR8?Sb%a_Fp_kGqLsm#Qh>zgV<ci>4?adOl@dq=Qn5GEP)2A)V94LoLDw=~yn
z0vUv~ps1^l1&ldNf{#qE^)(Hf5kh(u6af%8IHFc+z(#1?gc=BLsOmDw;|I4AIWQN@
zu|j_X#%^nyn>V4Gj{F3B#|der25f|ey2{LN@w5_+K<)yOjnkgfVqc~B<2*N=H`dj(
zY_hRX(+A2c@?CX)=lwO*ZL+0gK7gW1d^3ZOSg(!s^-ix1Y?eyOtr835!LFw74{Ntq
zgWW3FgpIMYx$+owYz$@p6yyaA$ZVK8K1@8Il^Ln2zNMk!NcB~u7Q&cpfcov##u%p`
mvVI%u8!DgwM*&Go{3efmP}*wRDNg$zPy9bDDOl<c<^TY{<N4PB

delta 962
zcmV;z13mn|f4zUO3Os-NI+_%%;B$3vs!P0{OXQNC_ze!4z%?kV1P3MZmDdr0!vTj2
zP*lJI4lbP9;>d;K(Dn7j^FX8^uUmAjh7nzVBv${Ca4&ng>_;7mWJ3P=T1g0B%K~xL
zd%M2Mb?t8JtUl^>^llS#j;3PWX}N%Z{cf9=^yFP_qMPnI*=K)Td=f}j1^Mq#c1ITE
z9$OSMsS-U@VPSNraiQlTWANZjG5OGUBS&ei&b#swA1Nbm+f~<Cdt!$*r+Pi7uWPG1
zs!ES;n6YZBKZ(E(tb?7EJE*HF4L$Ym50;0Q&8Pq9Kj}|Sm7kswAJ$)A-xzph2B@o!
zP&=`zzq}sW<h6glydJh@($G><aVGUu#j{rhH8VriSHmx27^|0^EsYg>X{hoS#!Aa~
z*OwlcjvA`zN4Kx$mX?ZrHC6#HF&#Bl(=Vormc|CB3xhMuBUS$5VtMwY*lXNoRkT{*
zE!3%ESh74KQGBb`X58AErY#Ypbors^tEVB$F(jf;gg<{`oz~Xxd>dpDuXZ-{g`)*M
zW8K#6Y}{n$qkRd!?Yoccx8L5`u-T5wTIGDR4;*a!o&A1OL&GM!+|%2@xA?%p2K(*i
zP3FF{>QDJZ>{}V_X8PD!{V(#z!|)^PsinTTVoyy~Ikrnp)rZ^dLtIneQW4D-hpUJ;
z`twUrZ-jqikk}Hs5Q7t@VS#e*^d_HBOVcLk7wgWXIZOoF?a@E6PHO8LHbJ*+v{R_m
z7M8W^pI9e#HMN@{S7$<)jnl_Cf_+Lq@m>OSmH_NeOjN0u$gH~7q)G@203#^DTm?m<
ztKg1PC>COd6E6!Wvs+Oj&g+8dLI>i5(*>Vi^JahGwq_UH>Dp>*{O}EJuBnV+%a^N!
z9#U0-!7X1FE8O>4d!#ZGYp!pq2;G4vRmI6s|Lh&X+Ci9P&>MInaWwFlb=}fjw+Unr
z(t@I{J{B<MFbO^~z1G(>Y(@y_RZs*#P~nJLsR0|IaT97FxS^`cB#$55O60&?FvkiF
z7`uP1ZEoI#ZaQ)o>>Vehl^U=S8tN)Dzs1u^Gy-`IL_JP>PK$k&;*ay(blzB3)3V9N
zLQNkiugG`R`JMOIP`AmJlKB9ND)G$>K4QH#*4I0|Hn3SLk+VuHkO#Y(zCWzpUJZ7u
zU=udR&gRNv)Uh#?{Zo(^Fd(yG>i95$R%SY+ruvqKiX+umky;32vH|M1R~uuTe#rW5
ktZ%4%{vQP-E%BQ?_CaZ@X{R{te?0O3025AA#Si8H0J0(F-~a#s

diff --git a/pagefind/fragment/zh-cn_f260254.pf_fragment b/pagefind/fragment/zh-cn_e831ca8.pf_fragment
similarity index 79%
rename from pagefind/fragment/zh-cn_f260254.pf_fragment
rename to pagefind/fragment/zh-cn_e831ca8.pf_fragment
index 0d4818200f5e1dfadf9ede2b15611b5717ad5293..bf3f816d9f327f5c33c357dc9e8c04ebf07544ee 100644
GIT binary patch
delta 411
zcmV;M0c8Hf5XBI%wFZAa_NGT4^V$<bLrM0am*`KVdy?!$@BELyb$31d>F%%R@2Brj
zP&nS5=x6VH=<<Rs-OZ#j{YmxZkKP-Tc9gQDn0*6`|BXk{WPkD=z7qDu7;JAa6@^Ux
zoeA6PALvPBQUmGem5#?}PshaOH5gOuNz6+ZzXTM&l7m6To&<l5$KpQJcng(U(W6Vm
z^R22#onc7$X%YaYZzy<|I>PWc0rVFhJbgprU5JOvr#lXpPuq}q7vmSh@NS*+pj?Y+
zw4Eo@o{K5eZ5s9EQ>fz#^%;%2D;7pgix#a|9@*6;iP3raQm8J=BZ~gukK)1?I>USz
zlf5Jr|5fU6u26q+{20Df73p#)5>zS;$-Al|b%lCqbt?eLx2lGBs9k7L43f#asv?DE
z3M`~pMQI6Dz_bk&FH~Dte*+>%-%#*6Ln9k2cMzVoq2k3)$rR;rEcgLwQEaGq7f;2*
zRss8j094<$iXHC5&=Uv<QJfVcg`ZG4bcI?UiaS<z1=SO~svv#W_4wxF{{gLV1!Hj=
F005<c%5wk!

delta 410
zcmV;L0cHNh5X2C$wFZB_?nFO(utOgfI20q3%Je7Ir#yNQ%))dNNZE5BeFtn$3=JjO
zTVSF;k?u*d$H4PH{?^^~@Ta@Kp1+^I6QwNaM&AJAf8$X!*`K_JuY`Ru2GtwJB$NC*
z6Smhs(38ld2GY?h9gokRj)~1{Fs9g(n3pbo2`GLg2ZM?|2^xQo#eJyp7Am!(NA-y3
zTUC)d!;tXPBmhj`Q1C8wgyC@l=r25Y`i8{25D%A6_cJb^wjuE@#xI89-8$z%xfaoA
zJ5Q!P7gMO)H0sNzP{$SOGa7YQER32KEn2ZWva3rHqx15mP+gWs6#c;;#f2|)hWRii
zdr2z(tJL9Kq2zz~F?_2k(&bPjs8kw~cU48|3iZ<JRsfQ3RSoY@yU?N-B$IblMGDOn
zSV*yo(h{nGX&WkDsJ5{F21Jg&q2P6fMmARNAUthD#fzVkDazwm@B`AK*ii8<o{ER9
z0`>_3sJ?9#JKTq%ClC;#I4ed9KcRBy3bj5IcdYCRs&^7qLHe%i@y*Bo1MLY}2yq(#
E069&@qW}N^

diff --git a/pagefind/fragment/zh-cn_ec79f02.pf_fragment b/pagefind/fragment/zh-cn_ec79f02.pf_fragment
deleted file mode 100644
index 7779eac22d48e1705c9e6c41b765d73809104a16..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 11147
zcmV;6D|FN!iwFP!00002|K)vaa}-Cm;9u!WY^-4{HR#F1#<LjNGt3&pHF)g1GZRFq
zyM)@bx;naANZ3O}BM_26NWzGx1QHl5hKD4EmmWy`m%gg%)~EXy_GF&SlbQ8s3Bzpc
z#zyd{uF5=l^5l8t$&;CR>$u&K$)%5_Q|X_!bQiK)_H5an%58TGsqI#wm`P>r?P(`<
zxL}{m*geV4Vpn!c-IkP-E84jtl=UY|UjM^#>0;&9xdi+NWqaYjI{2H<7v*Db)@6@d
z;ji7Bva|62Hd!j&!Rq<f2G*8e!NdB!bJdwa{$|m?%O6V1mE|kE&}6Cl_A)DUX22Vq
zhljPL^O2PS8}@Uu<Ui|!hyQvr%nGlt!fOj9R%L9m^5Pymc%zpqBlA?I`t~OO_XaO{
z$-gm&Rn`_BF|e~G@6uI*?_HRxo?U^5|19-!WJa*OH_CAEMwVGaQxB?h_Xt&Qb<n$i
zi#74`oPX`6YIpu@WqO>7u@;vmbSj80EKae)3;$36AFLoi@AhTFgpJDB2+>Z5<NeyV
zwr~+1l8mC&3(wYne#RbVe(}yfPl!QUTX|a<XQS#Z^sV2%x3+MB^?798pB$pjM~v9y
zCGWyrHns`g)7k3EoNVa0;~dZ0^4I!}x9bDEKTDU{?*j)9%1__79ojFS4|Q~8QZ{?~
z&TeP_HMO?LZ#{XJxALaskFR=*&%M!k`N<o)RCzo{olXc|Oenqx@ffcsSg~dq#@`zj
ziemQ-D-qUl5+DmAnS(ua@^%jCCCi;S@nt4!{~5$qzHxHdQ)U_92LH|^2g*j)>wmSj
zd~I!MiC8TlY2MhdKmA&D<@)UUy&J@x2n0)_AXVlDfKMuqr>Ts$Fzin<&PK`cCthGT
z)>hvVSY$@zW{&05l0W%`m3#HFGI34G{ZI*;#0o?&6asHz+JAaqAvZmMxO(SratXU2
zR0`;?L@lnCP)S5-I7E+@#;bD=P+zPqELGnQa6-)}{88on*PC0vO`;fx1~y_ORU2wr
zZ**>Lnc-BO<Micf$&o|9wlD+@c@M5rAJ+SRVTA`CRnEQQt*}p($%|6?T{I-xo4o;4
z;p7_~TU(vjj7|_LQYsck)#qH34lR0vk9FNDs5<%xHF)*cGwkQQspzk)`Xdk2*j{{t
zKap3x(LVnwe;6A9VzY-!pdjYdh*W3iv5$5x<)rOzzxhf^#1C#~v6y$^X%GC}F8-br
zQbbg=^1KXtk<Fa6#be6p5*3_$xTfXi+1UIZ{(^bk``_UIpEMK>?035IP7ds<&>din
zg`qqx6?21l!N46peDwQ-LF=o7D9pfVobBG+sPruo=Ydi4My5E!{)(1}Rer3*m&_S{
zT3eX+=7zNa5iGS{8uBkP15|mtyngp36{w8gstz!z^~dM@VK!*cx;Ma$;LlG%OY<fk
zR>qgrI8@#&=_rB(v6oX1*3Vo)wj~?v-Mgvm?#L7fw}$t0b%o(wd3ee1zo(!xiZyB!
z`+_Osnj~X2nzR~iPH!rrf-Kss4@cXVF(pA2qWj<vG865;1gT_<?*H>HioZWN2DI0F
zka2I~j^PXN>g(e-t8;Uz+nTc0<ozlF*GSN!VaasYt#kfua7tcqnVwq&w`C)BvW~hM
zb?xd|bUT#P%kf6Mz>MNhR__jL68H9oFb}dj=&<1M;}}ammE@AT1HO7=zw!Zo?#<o`
z+MDIl+9K!Wn`7SKEA>^@^2c9QUo0wJhn<;v04NIEMkvkRs?IJc3o`joSDUEzDl3;O
zkA(#>xPE9AyDeZYU#u)&(z~;^Fj;+|jGQ+)570DGn3x3@05zYmjYF#e{Qe#O{&)Dh
zPpGFTRb}Pe9=jlwQ&%Qca9pRO7}8L74*scUYQ`0Bx?Jii``O_Xx@BQ2n-xzzomNp)
z%(&vA*lCL=w`di+<!h%yJTM)o)F#uH3XNS&J37)kTT-Iv?)K)L;<34@W4CzRwL7(&
z-tK7HxuXf{bhMHeV;UwdIZNJUZtN%SRGu=UUA_CTa(_ulIw-H|+-3biNY(r^of*A>
z>9s}fNzX5=E%xgsOmG<qvE;Jq>|Jm0XXUbkSAd|N-thV!hG!{c)WBx>mu3~8N_M6K
z4LjhUgP$v0mzS!uvz!SZf)po^t%ccM`nh^$9GI0j)$4x(-g3BE>7?-4QDu1)9T<OV
z3}+w!+aG+b>n&}{gmy+!L{4$UXl&>c2)l9a6;4*X!Rhsz_rtR~kQDEBNfC7UlJHWv
zMX%1j1vfM>$-_Q?-1xIE{p+vRufO2-kPpNCXP}x@zZ->Q{DIF<*qgQjaHt}tca!^v
z;9z+D4<a0uvEj(M3Uj>eLYzP2U*PU1_yHXD_#$|YF#??~C<jALqYPO-Dckxzx()B-
zTST}=#CnY_lH=-hMGv+HCz1a28}H4iVg+T}lwlp#Yt}R~b!0t=SM)&@6@ua;TVksB
z*FK#A0}@KkM-aK`*VqYBY<`qmiHF|cdEy$dy=#llG;KZp4DBY#$=aLiFdy+QKLqzB
z&QoD1ayp~DaOKq`Ml)hgoX}Moh=YIk7kvhg8Y+rqI_+#;I-S|fsqS2eV_+P*yO14@
zv7dI)%19O8+SIsHV#NYJ64SNi8>rz(;Q8xjQIyTx6FQ<ePzjoa1VS6${TXkhk4PoN
zgqvJ4o~kf+b^?V-nqcCB&ISxwb(Js!+OZm32Wm<rj%u2#-V5}}<Raxv*dZ!WPbC;3
zTYFnNntK)TBq}Z9Ra8hLVJL>@5B+naio0(pMy}pm5sGi@lK1pFIqKfoQQb|^MFu?1
zwdE%?mjhCu$Bw}FJNZ+E%<;~m?m-3uVnBFr_6}h}t_Zj?-mIFtGUGD3pfkE~+odcT
zR>q&ZT6sK0K?a&d)(+>9-S{no+tXuC;Ck$K5lvDf%)qvaSKl2z5{xey;<$+>T_@XJ
z%s7&bdT7R&%E{KkA|-9yYf!BLVdoW=hLvw3BSzl+bCt34MmR{u3u*?wc!&B2{iz2u
z&qpmtDw9Ph2FFxjW@XlUI;JeQbXkRF7OVgyTN;ZFp_qQHC_nm0%q*m*98c2YnPO*m
zdq^&iH#W5F+AV&td2!<(j~@I=i#l+><n=$nyWw4ay0&oETYO=-Zxb*4Yx99XtD?j5
z3;%+OB~_k`S4)O7C^+=`E3b4@7b0O&WYpK|f8)(A`lT6)oJo5koeG?qnU1Jo#l+M^
z&f9=!l^He${@H%-yqb-Z<g2NnRFV)a^Y4slvbro(&(jC%kM2h>9mTNCah_ONzu6CA
zHE-a&6iNauN|GpJ<Z|Jk{?rwm@G9Hl4_-rJrmWma%jJEV5bFHdRdm|1I(4aEi?54m
zmtfvn7z%|JBf+Q^SQxcenLKO>dbK`qfj4tepK$77HC1ts=?)%(58rcU)H$m%GY=l0
z_8mKTjlVghmnXf8!wj)d;p&S@aw*~ts9@dtYOWdY_He&{Q4|2<p{Wc}{y$4RWHbH}
zBpfD7sDALJ|7IMAfyHtkzC{Pn8|9OViB%{}C4)a#?o}>ui}mxcZp5J&eB#_bhN~dR
z)fh*u&YY_bpG7CjnBBc8fn2E`ExzIkkrShF$BtG$U|g!J_a3t!U+h1)FF}03G}6F;
zn5iJ`Spi|fn|8Jm8kHwcK+lRLpP@mFJ*$RxiH5kIZNw<@APT*=a8^?iPgtNe21-MN
z2BkFuNF+r-hpFxzIC3a~wB^6P;NDlTi%>}DMNyz}cgv0)T3m)Z73}Gt3>9#$TArya
zKh-^VjQjZ4XNc#3Mj)wTj>@@BMx2u9VG<uC(Z^2^CkWFdrXb|85cen0_MkV25`e+}
z5TZ)Zkdp%_^agS04I#mb=*u%;l4tMh0;F7iSWf_TTAfkBt|&RL&9*AeBkhs!luTtM
z7V<{eL<?*}*p~~cJeWLStXr6zE02Wde7+w{j^@w3UR$}M+XVz?Do&boDBT&QBkNT~
zt}bDj*o8@j#k?L;X#r0}g*!}#^2bcx_^g7Q3r|shd1H_He18FLX}L71&(q4K+q@Q!
z1eR`j3k%o=1N!aJFJ&Z2)3fSrLn{WOuT`dTXoplOshhQM3CSfORhFy8j4?2JE-_W=
z?$OUc^FYtmRxgU_Dk#IVqXEdUz~tZIF2(dB1ceO2z(EP?uLLR`F60Sg3d<?z|Jql5
zJ8!sYJSOiCUBP}-mVU+PD%s!4^0~_LfD!>jCeE@d29*JP5fBde0-y=2FCOYHj?M({
z!~@ht;i<rHtSMsy^XmhnB=D7I%if)fWm-*=y@{}IygflEDL~bd2s(o*Vl(-%;lOOm
zn*oXqQp`Y)cQfSv!lzt3b3)7(kDkig%;EW))K6ThP+t*EP=uhrB1YZ+yz+dRSe;cX
z*jbm@mPmkoR$xM%q>>0JTtK0Oprr$KmiPFQuw^j3N<h5(i$p%TEF@!-hTcBxK*TEV
zWOBs_=_2`+3nDjY&>-0E&0h{sms`^1%9**!(16*oVcl7Q!rq%{KL5M~7CBIh=!IpV
z0IGkzj089$7;@zvy0Us18AI#)1---{T;Wo$T;<}u?2TR{R`)L7<6x%}<*0za_ZotZ
zuQxfd&E>m(a6@yWyp=j(9hX7<A6#q~13EHcB|KSRMr#H|<u*q2g04Nz)kSBEZU*9u
z1wNL4I`Y3zm3I`JF82RNTD$D|lY~T{+hV?YrzdG(96Z5$k#jjrVI20df2<xWqZ$(Z
z%{o?kpL;5o66T-5YO{)#@Gw3xCMTN}M4WZZjpA5{etU2GF$(j(LeA|wPf$>iZZaKQ
zAtRFob(&0iAiYFtP3Wt^>(U4B)A3h|Ve|s1RJ|fDi9yfS?=B+*48?7_LkYr`1X$!j
zaAiThNkF3pR+edi0@1$k3P}=~j`*V^leOIgxeh1HCCBZeKwsj$m86eY!(yz%0d?n6
z%zN3W<{q5^x%c>!!LWM8Ke-6c#H(Oi>F>L;EJw$HTqi|lvz+vi-Vs8;?QTER{sT1|
z#7DsYNQ3&3fGpo1I%yXQnY68a3N(?0ukKe)YG0vXoua1x5?}Z$>y*=7+@K1qJ4z=$
zYxBApD!4-y;;%kc9hGXp&K)myQlXDOHb%$o$rMwa5;#?4t!DzAw~EC=6j3xfYF{-5
zuv}XXAS`xfGbu}i0D1g4mzF_D^r4}zT~<*om@@ZT3(a%CS@Wq;D@kg8tj2#&csykF
zZnyJ&I(*nF6u-8*^xh^BmRl^8&8!sS!ggTp6T|}l2T6hq7D<=@@BLpxp0wRzb!Uqb
z*VFV*!7g?ea*BER=*Et9U9h7Ybe@+#Es;2F*vAM@Pz#2QyhaBG=kIJf%N-k>jH1HU
z2guM>VaUQFz*-Prc1xOzYoX%kuLxjfgbRb1mB}gp=`RGB+%2*>YNcgp24*>7RUEV}
zoPb9%KiZMD<%s<HZiXeg+D2AI<X!&;V}gUVz1G;o*pY1d$dCIN_fxAWGD=bk^1>$#
zzzzzFEXH9*d=CoQClO-MlSy+0zelR^yj5`R1GKQM@YMkGFp#0Ff5-mW-70@_Pjq)f
zb2AT(ajJFNVrA^zS~~UaEtyhC*=!J($0dSf!iWO|gD}EJl5=qiR-4`{dX(#CghI_T
z<fJk%b;8LT_v3D@Ee`3f8I@dHyomV~awSlJ(xzP_gn)Pd8dNM}{`=BcxRwZlyuFEe
z#%e;sXMYMf!jwV{K>*Bcq0sQ!!nomDt}Oevc?RMnUzUN@p7BL<Ha)DS_}8aFOBlu8
zTovm)6SF{RMRnc<%9^+@GGH*AVs=bLV-^_|w9vsM=6-BA;n(RE_Uersy@5yG>t{7^
z2uux#+~M*%a5We_E*qGb921cU&cu9`FdPz~8Ll3}SCa)3EG%=wG6{be;p9CBvO$4A
zE%1S%Ka7%kmsg;k8Waj1kvJi?m5BxDCVT((u773@qfvx|QkTb6Gc~oRh7PtT%t)jG
zV6)Yuop#r|X@6+@8{6Ig0c^l;=v1_IfRDVE+nLFmF1>-QrXau3YD76y`uCtI5YvGo
zqujUO93VHpLu%*{Ius27d<)&FB2F##?&T=T5{lICIQ58YuJ$ZMpc@C^UA#|y8lrXV
zBM~YJM2g%L5YBSr+-?4{a9k8dE7PVNZ}yU{vWdq+U>vv0fnn_@j1J53B2vD0x2*!W
zP(ki6yz0~DKfuHGCTaiw5xw7?#-~krGg?Agbm!7+L!q4xpj2>r_=-iL;K+H=U$?Lc
zwIw~pqTI$reUOnIK`dT=n}LdQ4&OohadLee&?F{YusFE<iM4|9D_Ynw16ctp$?{ni
zRi*+>uY~cHs}DhcE|{+nT2~Tl9c=2^X1l3ECNJ&Eey59Z4>!U4x{I9-=7Gxqkd?{t
zPnjHYp{QlG!`zTdiG|S-i&y2|b|;Uhby~chl}_7f{(we+H^%Ac2x=xGtci|T6gDXh
zX`z5Qd^eL53Aua*CaeC@%B2Oq2Q9bA(_TX`1u9v`IU#u<@3<L(68{ZguoaxxIUQO(
znrritIj5+8bON8*1r0!l1E2YeqTO4R#nM*Mme1IyJOtr6wC=8UEbrvvsm3_gMbh)`
z%1(mUP_Qwo!fUtNa$_I<kLY*fIKqU5Dt^s6QJZLSY#}hzCZE)GR=fz~q$p@*vqUr5
zZTG`re?(`6h!LlDH^E7VBN;UWlIydKq>AVz0gK~!>S|Xvx=OOIwno5B^!$iz$Kk5K
z!{4Ap3dM{aDQ03|3_g!zx_k)I2kXuT<EJs1PU+|YJR%1G!&{pkLxVRYjH2C@&!W_F
zC<lsE(GGxO@wx;?Gi|G2<x)Bkq@FRPB3-b0<cszn>=bG{Ljf2)t4(f1zso6v$n1tl
zv!Rac;sxRuU5U8VX1bP><F2|??6fq}s7^}LLgdcGDL)-b#znl?4v4hAq^Q$Ob>hQQ
z?+8rZz;(%Gek9z)s$z(oN@h6Nyq(H)oDyR$nY+7C5X{XsO4)Jx#O!{%EugrB3=#uY
zGdig<EY`Tj$OTE{!sN$Js}VsP4(Jptt{7aqa8i-*TbDnx5PTc@bDXf&@o3$G05q}f
zR`t`WzDXk~hB?JUiZiSY6{}%GezXhDCI^>o%-L97rZX<6gHy3s*Kl?!Plw=7*gd3G
zc9nP{T|JiG*|&&$A=N4<kB(5%tcXwWjhDvayEi-RUwwfABALL%mZm{7b!Q|}+Rkf{
z@QH=;c(MoP{GHR1b>+UOTBjmJZA;E{6fAVzMPi~2{!Ut)ufT&&<CscFJHKTba;ZA_
zL<P8BjzUY`O&$@VlsuV?NO&O3=nem&qy|L;4Y*h*IJ@Fqm{86&%T4}Nb%pKMmNO7W
zE;h~hmT#f@>lT^K@R{1*pu(3pX0yY1NXpvk?dr>G0R)7bKgY)YaNCz^mLZd$1$~wv
zx~R4lYP(wnO~g4YJe#j(2a($Ruo0QX6s9?~F4AIT>)vV!{^)fD{_-RVT3@LwPvOA_
z0K7VPTVXy~LMCQgf-&_`=9tjLN<Yehc&MzM4<Qz+t}WsUkVw~;$z(`;I?+Y!t6IPv
zMLb`8RfH%}kdndO;=oovaB0uwyJTeU{gZDvRH+p+E;%f?tAUHm#=A;lwm@__KW4I7
zYlD_BHC2`M29~@lDw~xO@|5f>EMU4TQvP7u*J>0>XJFY*jS<Aok*hGnl{a_hapmHe
z&RK>k5@!Ylcg_<Ql*_E`42hO(0WZ{C8Pgm2(tuDuW^N(vm({BTc6DF^7nfu)6PLR?
zlAGPS1w8Lxo5!3p#3LyI(_Twt#hk;vKuQ=7>~sT)<AMxW7<_2h6=oytc#QXDBOO)t
zsy*wp%d*nxGC3WKD|1MiVQpoa;dXZs7$l;numDV3TEs$#xuu07AtLkY`ZOLPLc=BP
zA*mvHcum|UnE?N=6)T>a9iYB?k4p#gEA7dlF{DKYkz}nbj%+x%w<gYbzr&cNI;~#X
z#9y#vW<{}J+cZ*{oH<Tf@r`|iC|sz~WDv286G8>dXP~|9%JnFVMNvJ6@OQX&p3qgX
zo=zB{-zc*%9?Ex4;RH@~Hh{$$y*ralhvc9KK!``?I-fEchN)|z!@}7h^D-qK;e~4q
z0?CTzQnUGuQRs80SAOK-+fT8`XJ%AZZ~Yq^!mtIt`qEp}l9Sj5EAduB+|OTP1(;}v
zuZ?Z&+uso%e)t1#2__3Um(2-l;&W2;T^9PY`W=HWn1I8;mEe;1o+5Nv=;&)nj0n;|
zeEQFUmbS{M^WM**8ZPi&>V+L1JEde9gKj3QlTIdGvjZ}AZ*~GuJ}l%dx(kO<YZ6Ai
zp^_RB0J|&W+Mnw5GT9)NwOr2ehtnO0m2Zy(g?Y4?b^=GY@eMkA;;{dFFq;3#X2zuG
z6s>IZr?f*{!**wWk+sE2$0urXfEi20f|&9ComlMi?v4%xN?XqpRNHLzx_C??JFPEa
zWTd)NM4%;>1|one#%U2=Khy#7QJ^9rYMVvX+A8mCutXYF+TMhE{=N3RM;scaC(^Y$
z=~D*xXdJ>=6Ie(@t@ldy%ta5r#-l%(3o|*IZ8OdlP;jx<b+RWZN?x#803ZUCzT6a`
zT<ieJuSrA34E*JM6(;gI4XeB+j=GdZAV#a;CpBHaH=%$eLrQ9EIcgOh^|Cg2#vr9&
zX{%@}aoH+t4sDk;mgY@{5Kk-`mrL*OM2ognuN;AmvKo66dQs6Gr5z<Ejp=e+f&g1i
zJSK<unEpfBLo?axZ`7=2M3ROb{3L`F2SpVn;BYx?g$h!mpG34*17@IPO{hluZt)Z?
zW}5I1S{yw4&;g59QmaMbBpLBz@?Uy&CnUDP0GgX?kvdbeNtF!}@H+O^c0E$`vo6YQ
z(0<oNIv;-#inmVcSM#Ah@^f4d|5gsB<7rY%j>FbqH+8O88f~lWH$)&)woBF@j20=p
zGzOCQ=!=7=b#UenJ&oZfLt(}>)?sDc$kv2M$KQ8B1x@9BWLPB(K<j4dqiDoJcuSkE
zxgdKZ95mq>!xCqYQr$neUuEQE;tw$0w6f^9A0l5(dg6BBNFk-0Md{;93~GS}Ri>p|
zgzbxFBl2Xt0v3a^ySA3)j^{{+Dx%l%ZUDlm?M<Y~ylD>RhTA8|OTiqby-`h+W73u=
z&rGYJd<4;AX0x0DY!PxTHfQ(^-|I8kt4;W6^&u*RWona7-sz3#5D6!e5;@QzAA%B}
z#*F1A2=np#Q6-LnJ|K}!n+^(hh`ymj3?iGz72*;o5`ngnM2eYH{OrJ(@P78M^Jg`4
zY4kt<W{6|og8pJbzD<fB`&_mdiHFx}{g18yi}Q|^uE}Pm{R%Ya;wF{w-~?K+S%#O<
zj4g7$!p&(0j0$Z8-)h%AZLWmd(VW+WPldwF75Ucgl^%V-y*aE+#0>Qx!F}3n^Y_tn
z-w=PYFhh{}AkGw}3Qpy1Tx>-v$DaO;RivCm!*G|QbBgueNDZ$GSPW|^G=!xLgBD?Z
zowrp?!l<l~i5kF_u%zKd1O+0H<e9Rx-F*hr5n>Lx!&&FJHiMy|6~8$~VU{#Fq^Yb<
z8L7EK8nL@tUJZb258|AXT89>y8HBiq5!n9}eYz4Z-_fjqj%O36e9FaG<2+w&;X)l!
zGC71t4XdoiGyKTrC55Hfr!UX{($>~+8SR~pY1_<#njl<#Sq~-$L)qe>@nGOx4>$j$
z#Cx9<>C?eDab#oB!C&y^dWE-2;90CiBpA?9ov|S(J?6?MaU0c?h1+GIix>DD7i&cL
zjd0Rouq@JymHqS^JLMG8!aPa|2pG$D2js`feP%`+V>M-)5RAPs!PYhdqj*hd2Ib;i
zqYt4EBZsOkav16ide;SLtfs$)j@p|r=wQyDMQT|H0>yR3PSZUBmL!dpIi7P0_E)ej
zhk<N6&D^ceMPht-Qg}Kl_|uU&-d&({Cyv3Pc40~J7<(7mk@HRgr7nzr1W}?bNRZsy
zBD^k5IAtw^^6xNYMi*;Ov5lCRmC3zph%TKu8H|iYM_^-ubl9rt(ruO^s`789g=z2P
zIj`~%t#`0@q>c3>9{+`Q;eW6=Pq#dj+&I--UdV#GBW3Ok6mBGA2|t?3frB9VGB0m8
zum+4v-10O=agcG`MK6?*BG$LX!DeDl93{r+$p=QJmprd@!@FY4Vc@An{LJPH<<Rk)
z?3Rd`QrWzFC4{j!5Xv84glD2u@Fo<Vu;$I5ss7SWeh6)A?7;(XQ}QHgPE46{wm~x5
z+QL%c)Wr>;@$+=NiD}$giKmcMU-O~7d)~jp6YH)|;|{<;E`U6Oco`4uq4HuIVc?)v
z%%dXye)$@=A!1wJ$W&!~ifD`K09?DuQ*me|CMwbOH!^*I)3NgAnz*Xw9a8tSB0Tv{
z9S2Egcgsw!wUsODkF*;aC;@>EipMS<JaCk~yflhu%?Gb5&`<P6Z(hlPO6id|_$Za2
z`Hf=hDoO(hfjIibxYH+i1h{ed_x(p$Q;eq^{O~E!ft@(Y8zu_KguMVMRBoF%xmI+>
zA7#)ouG_5+V9poH+S#Vw;y<hB@cgPrcpw4p@?Cp7i#v>k4^J5U=0va$mkqKoMD6Q$
zPDN;ZdD^hLgi0iviDMk}+$tb8AMVP;3(QfX1g)B9!(&D*PI-bS>EYpPl*<zWjC?81
zAe~sHW4g+l$Qku7-P4trU%Fj=t)@ppE;Z_incB(|S@B|7OFEN#_05ATcwy9*I;oIO
z)w%QHf~2Ur>hgs1{IZeRf0Sd=-}L+KFcs39f5x4=|CuPO`@OE0L-+Y$X_bN&I(FKy
zQ4zD<(v)}MALYOuWszyAc*KZt{5vP0Q4<qSfOR|R;7$4_5(n>{M@WGasp*v5>dKth
zWB%ZJ<aq~yQ*z~3<8WNTGNCg{r2Y|S+=^oS=qhjN3h}aFKyI4EiC*__Rc0<#=bly{
zmdfEAz*3*QW`ko$=YTCN2;(z*w=#R(pIiz67o#8#!Bq!8$`}Lj6kSo`_i2Y(%Z38?
zlhCo3LZL5nHl(eQX5wgo^7{E^>WCH;(DOI(o{hknfY=wsR0B&$2Qt)Pk>u&6OnZC%
zm&DQP3m5S~4Ux$l%ofzok>B`g1??Pp;5%|HwavUnPN-mLiGq{Q*@w)7`pF$@=USQ0
z(+PN9)!Eg`3LSm+gLTph`tE$e*DfOXKRR@{08d({ENCHiujjngb7d{-UK|&^Uv&4c
zf0h5hbo_Y1>XK1Sm-3W$wTcOYDtpM#|IOv#o?W^g1gT6~GH}crVMl%Cp~~*|Y$hc)
z&)^e_5hRpJV|X2r5e$B)7>{cf_^uUWwtvzt6puO>WF#W7@nsudq&aM}-4jK+$<1;p
z3s6`pUWw16Hd8(Ac9iwS#fa_9lnfdSRuK)*UMGm#cp_r2)s^Rg%|QO6Dgr?sr-KFe
zku*F-*GUUHP;mW_u?Ky>_Vqmh8)DKXq6GZiK`RISVT<VoFMr7PjE2In8EMN}=4!G`
z;rmZawxiTKg!pYSlZ{HPQ`~8^oFKdcs6<v3=c0;41!852DD7(C=LgZ`oN?Ii$|B|U
zcLG*{w$v-3WZS&73qXG-HC8R@;-HRD#jS=gZ8)6qVI{FDuo;Fh;{N)2$dOZS(Uy5m
zViPD5HCN2$bm<0L=iSG<Ip@3!57l@ibXBA-843I~#r6L|<r{<YVPG*_dX*<!<^wBb
zbW|(ZAf>n;&v~Q2C>KR;)Dj(HTw0^)qn3N(i(Wg$Z%H|t>9TSB_>Qt2Sd+7It9oqO
z@s&g^5;O1y#GQfsbT{_tRlk4zmBOis1M>#Yum3!?0dD`^ZFk$7!%KT?Y~Cb_>o=zG
zq}3pbjm;dz`B8WqQX48SF9LC%v>sG=hU^4YP*Tcwu%J4imy1hTzm0bDLRU+|6kv7#
z<(X*1Xe{lqYdq=53)@ge9~d$3{<G?f2ZUI4?$^rlc{(r(okZLK_%Y!Uj-W>AW+(rl
zRI`(h)6Bm`HTFMWzy9?7RHF*)hxqp2Nb}?RmclifExGd)Uh@4wqs;rdDfX*10uj#S
z5n49O<nrA`JsCiK0=(5X?Tp$8TPtzde7{w|R>uFR|MU=IUqY7N;KzFL_p^jq-t2)y
zGRBG2NEOa`iFZ7=M(~Di(G0gw{1(-;d>ZjaAB}BtM8d^F{h|gVq;1oD@~@eqoZw5c
zh1`dkvDAjPi3!YUedoBkfL`rRe6P^v3Ht=lEhW(lUvRH(o{qbER7N`1Z{NWi2Jn_^
zURl3u1@8^Pn8x}9j}*z1`PJH&GGOxNEHR}Y9;)yj(tCs|cN4OJ1twEq<Xc>eHg*TE
z-w@Z^4dE(^n4jR*md^G9QZoY!lj1}dIe{^1by+8Ql4_kQAaKUBDIruec3!_-AQpVr
zN!rQj|5C!c;%M_ZwMRM>3rgop&ReAl5vNp8Fb06j&nGF;gV$t}(@eWK5tG0@%d&+|
z^tr{rUwE)Su3am|*R;yoe(}%^XS_+{DmNZT{E?pyEdw<raRE97cX+HfiRJhfNB{LQ
zo>56YzGy%tN&IQwpV^%)Y#+oQ4;}o1U)8!*aCEmTx6@`b?KXJE;+Gh~W2&Fqh}5!0
zh#i#WQJE59F$%n(>vR{;6zT|@T!S=$whOkhoSgFvS@Um<RPN3K4g6>7{?7G#xA9n0
zI^;m!kNc}P$i{;9>yp^;#v@oxLqL|ou~&%7Ht^QDw-XpLq`k%ZWupG{A_dimBm{s!
z(rv!ziu()w82YWexdLHP6_9)Vye#h*7B}|2yeJ(WVpS1Mm*0UO%lr;mMJ;*%-!`p>
z7-X>VToa8R{1g`VL?(aKcGWp1L`LehkUhFYWVsyL?~X6MffWemvPLs}fk=e6`xd<c
z_W7in!oAtBV62~e_YJ>DmM#k>VoJ&gmM7tY5I7Byyrp^l?n?w|_JKvd@Fo?FfeE3?
z@*plbR9CM+;J2*Zp^l~mdp=ph>v#C&Nt2=1>PQPE{l>~K$rA0KCqF89Au-Pipo;6I
zA^##@d6|474j86bW(Y#kIP8E{Fv%j}BBpUSFgsXF%@cn6&8Gmy2#qPz`eSF=I7Q&S
z?DV0pzxt0uUw(OD{}(jQ{0=l+3RN5a@lvMytKRSuzUN-K2-^!nzd5tEaErdueW@R!
zyCQ>7?)|n|1|Rs+uFM;O=ael|O)NLx8ydWTn*obAm1kV&<iP-j+QciXj5SN1nL#+R
z>jGhI<iYi_c5!Gqken%9oWLTTItJ!Gre$)HzPVOiy<Apn9TO8oJC!IxXL1KFX7@)P
zRxfdxG;eg*?ny?}tvp?An^kv}D{7MqsnrzpG*@u>ao6%vd!jO30<GU^A9tHQCAjLK
zXw3&L0$HxLx3|5y^L}YYapS}1;Dq6u0Axu+%%-VXQ=Gyrn+Y7b!>YWVUH@4f&>g%7
zXYQ&v4@X{+9T*w?uJCdwXGbo?YOB)z1z5x54|Mv{GQX#muf6I>sAQA)C4X|PC<%nJ
zHrPYI=0!>ECX+ihfQfkrm;AHb$X<AcL<-!1i%|5#jRL6GNRN_Nn89-UYe5>BHjQpR
zSRvF-5}T!Q5*cr_uUa}=HWP6YWx6U!`l8};FnQ${;uVhfs7bn<mC)RrtC@rQ@ILji
zr@+YOO1H6C<X^p6dB}Z``h;N38Sc3(%}7v{B|e|QgEYL^JC%|7L^*Ilrbx8FA7WoX
zcm{<l*a3n=0JE&!VT>xD(gdiv9;c9|7GxqGwWpr>nY;Mhm2WO<m&?l3jWc2p_(+M=
z5HrU@ncFROTUf)#QcicSxMfevj-9*fwsd5&pzYl)dwx1yx24N2TJW?b(*+TRV^$VQ
z;d3&dI}X*0nPS$4cgWoA)FMW>I+mnT$EdcI_hnlhBO0QCts~c=q6IJ<B!JmouyWgB
zDakIn+q>Lj04BM=@yGv2A3Lx=*<-iow*X33F2zpo-LmH|KW(uwuM}!_HZm}2cmkbR
z?=AF!D+N9pyQO<_2=Fo*=TgG3w|k3N1GsgQb+Qg#(z9hx!_LOjbp{Si5{F|A^=KJX
zBMnJ<qk-79BLJdV1Hq_RFPi7tLP6Wwur0}M^G@iWp%Vu5#+Jrd=#BM!Wa7X#ZcDOQ
za<(@7-A%FZo9fd}Zz>La)3#(Ad`<*DE6`0l8e%~=*8?}jL2d@Rw0&6%@UB?EE%l5c
zVchve;~LPGZOOnF4PeubST1O+Kkhikvvz%&9n)ElyIMdyE6|O}KkyQXHdZ2`mrzZ#
zgm7-s=!_N*%w2t^t4l#{O45hKfrAH4fV*2`0XEn7f(X~69!D}Npv}qe+Yaqd1U@Rj
zt&Q=3Tk6pzss}-?Z)$B(P+O8hb$@5KC-92~a%V#<$kzIvyjzc1JKiG9z2+6r*5r4G
zk0b)$6xf}iVN(iZX}BI$G$uKruF}-S(lApOQ6)6^Elo9)1D9;zCtVrps)FD582+w<
z-&KR_n0&-SZ%i^}Tnl((Q%fzigl9k2gKt;Q4<9tOk~kTXop33?8jxFSs3g7(-Oxhv
zjRvB*xt26A^Aq3qrX=5zR;%+(&CM;fgaeFPJpAS)-vUq*e(TO%HDm<YD$+=jwA3i0
zwX?ISHI~B{hU&@TjP3~(0Va<tq&2f^S4#~>SD9csdn;!z0Bd(GU3%gK+iJ-sN;)&E
zd87fWxn<|>8f>B_z&dlNV1fy2SL3cYQo_8kJ~%?~j?peWCe6DWTH>|Ncs+X2s9kk^
dGtTsl_AO|LTXr<;KK-}T{~O3wW3#fF001D|yjK7K

diff --git a/pagefind/fragment/zh-cn_f2527de.pf_fragment b/pagefind/fragment/zh-cn_f2527de.pf_fragment
new file mode 100644
index 0000000000000000000000000000000000000000..14794f1e703c6cdcdd72b3bfa5166b7ce9cd53c8
GIT binary patch
literal 1478
zcmV;%1v&a3iwFP!00002|Ls>>Pa8)R{wvn@p{)cl#t<k?Dpe{{E4A;H(g-c~*xq!#
zYwfNRDuiTG?%0L~LkLc|BoI*4*w70FW8lBE-V0Ct3!O8wJ3GE%=yM)yAD@}|=9_by
zGbu5SVv-UaiAJL1LRyoBAt4x1g1Qz7YNC>sf|8O-8$qE<h^UHz6a!EA22_E+GmFl}
ziaEV!?aaWRtIURTISWE{+u8=fnp=avg_2!dr&IA?b7tBsonqnNY8K|Km*M+m28OmO
z_6`X4#uT9M9GJOPqTgalGdu0Pna09DnWwO8?d*-cJqZxig1uX*V?{RE0M%GhzNg{e
zZu}t!`r;mzg7{Ofg}LU@rj^+T37^7#e}M&A97QtGEG^eAia_S*tX8eU{*^ooe1{B4
z6Um&fkS@iQfPW0{<hApat9MzSdctUA74Y`DkA)uu{FT;`=E>J_&TZGub67~pVgw~r
zIf^u5os&F_=C|y^R{ba$%s8`ubmGIUxh*UE?WA2ez(Q2g#ZehW>%zoS0>Pzn?QD-<
zQSZYnKV&Y$nVd4rx3cqB&r0Mh3(VlP3XY0nn7Mmot<L>Vg9kW@*I7OTQSexl(}=`g
z>B2rQvDkMm3ubY%;XITjS;E4NA-Pm>e3_ezSTKG{5n#JmGUvg=R-tTVA>dP@u0K(=
zC|LvwC7m24<ekeGfH%8s@8@_dYDh+r8nRa1Ad@S0{t(>r`jxr6##p8$*fPIQ4eF9J
z%QH0R>hhlvW5d>Z-dY1!o6oXT@BW>ewQ{dJ`9;D7hq*;oBR?{?fKAv4XNHbhQoNvr
z37`Xf+%cQroT#0=bEm)&UhUCJglh|55wPHtXKr<b8zzmldT73X-elY+t)CcNDPoyU
z@bK>g&s;1x9{Q!%b68SRSP&(}F(&H<O7Rieu#6UVntZjBMXKT5%Sc~qq&jahn$**n
z85@E{p&oxo9AiVA8aOjOsPEuU{|)S}h)EQv%g5y$$>_hf;3uYPNs@<WQ#2Qx$%46X
zz!JrJer#r5kgIH-79DCWZynqmm0dcK81eY3=obTQCad%(-jT{cn;u3q(mL68;n>Pd
zf`l|p)w~H;XX{Q0P@VbTSP2<|k&j^SSYNa+=FJ^zWqi5=Gnfb7$yiTBO_7xNO=%1a
z4)ouKh7aF~2&?tzG44%>|4vSv{Yl@l#ZBk%XMUy|jH(hzh)SIJ9G4~Q<*&por{>an
zvs0b@x8~9>og&$TWao&bl?eX%1fo14>25T7mH*QlobQp2ONdU3iMP#tay6-ubP^xg
z#f)f3G|;e&TpeuraU-IugMB{_a7qBsk@2NrXwqofK-_wAIl6LJz!ef|5;bBmns8>u
z5@5(tiH4kL+?%b+$lY63<NRC?a-tPaF&Z5PSAQ$vOjk&$@VHXr^JHE7GelL9>RVTq
zkBtugVE3Eboj+qsv$NErSw*^@rKk9IAoX;`+ML4A3%J8aB5E357=3*MT|!Kf4W#M9
z(D+1`kVJ-vB|%E!2MfGW@Z%(iZ+>Lx^o7z*zVC#-4~fJ5>eqK3rQ#TrOdk<tc(srT
z*4nA{`zjtWBtu5*EyHeA0q-T^G*)5b2jc>wp2ZUrA;61zK;8Zl42H&x7Fb;ZZd*h{
zQWasSXQHbPt=B`N4;cD-@u3>DK2B($9T2^^d<gd6U)(#`usG~3ri~4WIv=54$-#Wq
z4u-x%xF-Wgr^S#D+27j^lJ@;xC+_1l>3y()P+NYPDyhC4EnmYKxu>Ts9nwrg&%#mR
zbsS2lkw+inL0aS%A=Es;;f33ui*&ZoZgNn(jzj6c+m03O*IKY@9^eDAZ8Shj)lI_?
zw>CZ;X|;Gg7h2(PJ2cuObkk1A2XlKQrslAkg33=iQjti{z~x+>k`MR0?KpWiz7N7_
ge1vdMxIF?XCp>_s;MNcJPCT6W550odtgI0L0N)ARn*aa+

literal 0
HcmV?d00001

diff --git a/pagefind/pagefind-entry.json b/pagefind/pagefind-entry.json
index 54dc367086..57c76a9a20 100644
--- a/pagefind/pagefind-entry.json
+++ b/pagefind/pagefind-entry.json
@@ -1 +1 @@
-{"version":"1.1.1","languages":{"zh-cn":{"hash":"zh-cn_5630655c2f3e8","wasm":null,"page_count":72},"en":{"hash":"en_9aedcc98b3","wasm":"en","page_count":64}}}
\ No newline at end of file
+{"version":"1.1.1","languages":{"zh-cn":{"hash":"zh-cn_b71a7d8847108","wasm":null,"page_count":72},"en":{"hash":"en_853ef581ec","wasm":"en","page_count":64}}}
\ No newline at end of file
diff --git a/pagefind/pagefind.en_853ef581ec.pf_meta b/pagefind/pagefind.en_853ef581ec.pf_meta
new file mode 100644
index 0000000000000000000000000000000000000000..3a4f8d4bdb8714eb285ab6466b910492d54a72d9
GIT binary patch
literal 598
zcmV-c0;&BUiwFP!00002|1FcfuTDV_#&cdbA{r8fSrQV7hD6Tn?(FVJB!X5HI+5J$
z=gq6Q5i}~7H&??SaHG^K^deDFsTI^p1)T)P&gN9VGavixGqd;OPHpSmvR!i7uXt(s
z4z51CS9iC)Cn}f#J7Fu1kl<%0(>z(H)%2&M_Hj-&!h0z+T4!tER41!-%Nf<`f>d&j
zwtBVt)-m~Lsy6D-Z;4t?#aFdD-jNpx&17}>m}n?mTqSkrNJnao&=|Pfsa9_2XGIqU
zLo<=9nx4uzh;yW*rpHoRYcs*B>1an6nel)0r9^|nm@Ir2O{Gz$2EQcL<ksSn%F<Wc
z=4(?^l&d3#mMXlF%Gu9cf|{;(3`jZU1)obaHQRy}1;{D->eSXPF>UbybyQm~Iz|(X
zH@uQF5=BOY+hP$`KVyM|F^F6X5qugkj>!igiD_nb4X#K_L`QRgYvPu%$#7KDN0Amv
zFvM`SQ=^DP2F{N*x^PHvN5m|{Oy0m<F>Yo{A;1&4leUDZ01Rm!Q^T<pNhdVgff~!@
zd@=rnfI;#RPmYCfiFt<8QbpckGDBC^7Im@keZ->o!NZL)QRn=k<eapeU9G+hTjFeN
zWDjj@M%JaZk(onaQ@ol!NH9AxHNsmlB1O}3f}7%*4vV-3U&hi0)*-@cIi7NEmDMy2
zrIB24@K;<~l;*~;KVCo%8J${v?O2M_)-4MqFCbY*JXbig*~B@nd&cshmQilf8r#E1
k57xUovhOtz`^}F0iuuR8S8@Zx6libnA7ia>km&;e08~#MNB{r;

literal 0
HcmV?d00001

diff --git a/pagefind/pagefind.en_9aedcc98b3.pf_meta b/pagefind/pagefind.en_9aedcc98b3.pf_meta
deleted file mode 100644
index 44831f6697f158319dfe084149b34e81477db05c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 598
zcmV-c0;&BUiwFP!00002|1DF$uTDV_&HcQHXh;-hNk}9b61lsxvp*yfK`RQKNM2@t
zy?lxnL8J2c@-+MbFG{^aFA^1%T0yN;&`GfFY;JY#?3_7!=InjmscpSmwo5MiRbT4g
z!PRH?>h8ApL`5gi3(~DP(gZ&jgw2z6MooVfXgtr!GQ5{YG$vbwQwy@jw4AkCU69V0
z*;cPs-xioWV>PG_{g$eYsraf^#}^p8goariJ|-GUEUuC|bYy|l8fiqhEK}!HD<(x3
z7g$3>j#W)hr5c*`op^e@K!?pH%4#~gKyH?uXEnVXcQqmF44*}lvB}f|zZO(-u3e&<
zqVTrXc<#I`Q%hlO4ZIOrPDr+&y)Hy#b*fEG&jqGtTd<-)$HcxmwRKDMRbOluwDm%W
zkkMmY$;d<;wT9bbk*<E$1rEj{axFygY1ASoAAqE0VvMfA6`|DH(H!8K=ti3`b^|^x
zu#u<gHJlxYH4(!3L1Rh`3GRrPzRcti?vC}P84be|xs$P^Qvn##yiQGzR3wu$8V70^
z?tDRiLI7&=tWOR`mtvgZv~-d07UIz5lFgPQd>=LTK6tnxHFnO20Oy2qcC|Y?Y~dMu
zn};TSI-AnkIGIC;_<y}0q?jFHWq2z_B*vB#+!W7D=;9iD8KDo+1cui#o^ozAs%a8d
z!{ma4zmnUoG`9%*qRo}L2TrZNO1_FS*7cCc3rN;coGYB!Y<TANa-u(|zRFEn>-O-`
kgZ1u?<h=%pezPOLIRAL}N^XFW0`2Yn1K=?DK<NVj0PjN}2LJ#7

diff --git a/pagefind/pagefind.zh-cn_5630655c2f3e8.pf_meta b/pagefind/pagefind.zh-cn_5630655c2f3e8.pf_meta
deleted file mode 100644
index 583acb1d8bb8c13ce1c0bbf530f1acc2945622ca..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 755
zcmV<P0u22hiwFP!00002|4o!jtCm$1$9dj59Fhv5L3>RKs%i1;wf2>Ws3012A*x9Y
zY~R-DRElUcsEPC{21SELB2@MP;t);p0)lgKAm|71s7D-#a|dpay&m6p_G7QxfBn~U
zIBhlFK2#6XQcpDfTK}JV@27)5eD!KMbif+JHKO`&fM_}S;9+%jkb*5lCfGPPNRLUr
zGOWHG#8;oaP3r3bQi;euz~*JC6m!j$;Hl$-R6;JT!M;=Srn1Jyuz7cokf>D4@H`Ka
zeMajH?E65X*l_R$p8jYMoFh>oc;QDG!mtb2)Q&vSo+E2`>;522J{s(kpB%(Rr{~nk
z@6t|4Z0Zct>!Md|4s(Fji!yrkT@DM=ej)6dEe58)Bv0Q3`2^E7=_i-jCx+?XG8Per
ztVH%)&^r@h`c=|kwy_|rzK|h&Eu{sRUXsbJ)qR2L{Q+9>k!OVGu1lqvG^Ggpg=B2T
z!~)M;k|@n4`M4o50e!4Z{VZa6&peyQOyL}x?j2Yi9fVSKWQ_V;vWAcgvHDoL4ak&H
zeIp^LH5G;@UJ=EeN!_&S9WkFx=uA;tVyqa5LRa@q*??{u4XN)%Cv-E~-tBoYwYKPj
zUD6iLCDUWVSzQx1r#_JZbs>yNh2@(18l6>d%X}_tXTADR>c(P-NF9+XvHx^m*hP6V
z$9_C<*?S}74FyGunUjsW8{vu+E{UwGFiH2+3}wygGm*fz%G_YJDNky{?n{_HUG7h3
zA5e)8Oz8IVJ@1V{=EkV0lP{$kt*tH*R=bN8sw>^ytKTGX&Jky)9*A>GXdyS)ctg73
zjIn<op1ic!(jfP}zATH@wxz;qdr6yemlrnQT?98Asll`Jvb8w(D}m|siFKO!U^@C;
zJ0fRjf;M%%^@tuWyZ`?)T$X#Kf@|(*_xvw>bLZ^dzkiPbO)ELmdixRGyZC3hefs$F
ljX-b0nmgLt`GfCVICJaF$&r>Q8Fa^vJp^J?#{HHB006&)d^G?7

diff --git a/pagefind/pagefind.zh-cn_b71a7d8847108.pf_meta b/pagefind/pagefind.zh-cn_b71a7d8847108.pf_meta
new file mode 100644
index 0000000000000000000000000000000000000000..e34db43d36142c2b85380a12ded3c89c0bbf9cb9
GIT binary patch
literal 752
zcmV<M0uTKkiwFP!00002|4o#;t5-)5$2ljtTp~#jQe>w|AW55Wc4wc25RyPhkq043
z6ARtfT(2)g#X=kLrzj{ERwDTN1LPt$zCf@S3qk(?uX@Eo>@8f7og=6FFguU$eCO<q
zE0tFFl&vL~<5hmwzH`4F-F;~Lw|UQ2qcxSF#Ptq>q3FDW@nI)fRUZgp=~gH0O>~7|
z+|`LIE;$p$jt*iDikye#`&=ock_y5{$2uvfDAx*`&T&j3sVc$p%T9d6TnxeI)Jbwl
z8LMH_AN-0md8gsyzdEV5l!^hqILt$6vR+lO)`2ZFVKVU3>rMz=(5g*-f{TaXwM7`u
zcA~P9Z3-B^XX0`QS;P1xw<Fu2?bWcENlb{<!Ek9F-FvAe439X*v{J45@TwDOwAUdE
zmOXeEq*E}Q=BZ5a+7uYK@DQ%#Ts;h5%`rx{1&ZH0z)+&13ZFgZ+7n8Q0XEOX8Y-=u
zPwug#l5})oi6gvnp;U2_1$B;S((jqVTGGusFz)Blu~^hv{LfjvPZ>%4&E0xMn3UMb
zPn49H2|oCS)B1$g1n~=-&qQT)7Avf7@Q6Ob@FUw%R;e_KgL7e&Ikw(zv#F&~)|)wP
zrj!%DC!CQbQnlhA?nGu(AqqcVlS<hd@$+oNB&~7cPu@@S3L=Vq43tr>R2c3unL<0B
zFz>yhb{f6F+04-d8DMz8g>yt>n=iS0tQwOf@gGazYN59FahXF(Rn=q|{+;hnCg+u4
zA7~$PYY&DeolKRK#74GpH&Pmz1B~ml6^hL+!gz)grxes=#hW=zwAMOU`hmNlq(b{Y
ze0XoRrB>AT`ZX_Fni?~S)j4fUO<q|3brxJxzzUyE^VY(YOcU$;@kN|yciexV?&}9$
zbUVYcSb0bH=Jgv_`>~}~DXRrFw0`>(JzcxGaqUVUP}iIiE>_>sjk_1~^Yh1gQXiGm
ienAawtX-fNcP>A>e4?jCj9S?vN8SQiQx>k41poks({HN)

literal 0
HcmV?d00001

diff --git a/src/article/astParse/tokenizer.html b/src/article/astParse/tokenizer.html
index 8175858f83..677535b32d 100644
--- a/src/article/astParse/tokenizer.html
+++ b/src/article/astParse/tokenizer.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/extra.Cu56q3CZ.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_astParse_tokenizer.md.m5lyUfzX.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_astParse_tokenizer.md.CuCr3w1T.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -226,8 +226,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  { type: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;RightParen&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, value: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;)&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, start: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">17</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, end: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">18</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> },</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  { type: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;LeftCurly&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, value: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;{&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, start: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">19</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, end: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">20</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> },</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  { type: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;RightCurly&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, value: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;}&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, start: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">20</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, end: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">21</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> },</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>一个简易版本的分词器已经被我们开发出来了，不过目前的分词器还比较简陋，仅仅支持有限的语法，不过在明确了核心的开发步骤之后，后面继续完善的过程就比较简单了。</p><h2 id="四。编写语法分析器-parser" tabindex="-1">四。编写语法分析器（Parser） <a class="header-anchor" href="#四。编写语法分析器-parser" aria-label="Permalink to &quot;四。编写语法分析器（Parser）&quot;">​</a></h2><p>在解析出词法 <code>token</code> 之后，我们就可以进入语法分析阶段了。在这个阶段，我们会依次遍历 <code>token</code> ，对代码进行语法结构层面的分析，最后的目标是生成 <code>AST</code> 数据结构。至于代码的 <code>AST</code> 结构到底是什么样子，你可以去 <code>AST Explorer</code> 网站进行在线预览：</p><p><img src="/ran/assets/Comment.BYtNY-L1.jpeg" alt=""></p><p>接下来，我们要做的就是将 <code>token</code> 数组转换为上图所示的 <code>AST</code> 数据。</p><p>开发步骤主要分为：</p><ul><li>初始化类型声明</li><li></li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div><p>一个简易版本的分词器已经被我们开发出来了，不过目前的分词器还比较简陋，仅仅支持有限的语法，不过在明确了核心的开发步骤之后，后面继续完善的过程就比较简单了。</p><h2 id="四。编写语法分析器-parser" tabindex="-1">四。编写语法分析器（Parser） <a class="header-anchor" href="#四。编写语法分析器-parser" aria-label="Permalink to &quot;四。编写语法分析器（Parser）&quot;">​</a></h2><p>在解析出词法 <code>token</code> 之后，我们就可以进入语法分析阶段了。在这个阶段，我们会依次遍历 <code>token</code> ，对代码进行语法结构层面的分析，最后的目标是生成 <code>AST</code> 数据结构。至于代码的 <code>AST</code> 结构到底是什么样子，你可以去 <code>AST Explorer</code> 网站进行在线预览：</p><p><img src="/ran/assets/Comment.BYtNY-L1.jpeg" alt=""></p><p>接下来，我们要做的就是将 <code>token</code> 数组转换为上图所示的 <code>AST</code> 数据。</p><p>开发步骤主要分为：</p><ul><li>初始化类型声明</li><li></li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/babel.html b/src/article/babel.html
index 60263c81af..d7d41d5d93 100644
--- a/src/article/babel.html
+++ b/src/article/babel.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_babel.md.D0mGQXMo.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_babel.md.Cy_u0Zgd.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/article/babel.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/article/babel.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 classic design patterns</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Functional programming</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>Sorting algorithm</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>bubble sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>selection sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>insertion sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>shell sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Merge sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Quick sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Heap Sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Counting sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Bucket sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radix sort</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_article_babel" data-v-9f8645df><div data-pagefind-body="true"><h1 id="babel" tabindex="-1">Babel <a class="header-anchor" href="#babel" aria-label="Permalink to &quot;Babel&quot;">​</a></h1><p>babel 核心库主要是：</p><ul><li>@babel/parser 对源码进行 parse，可以通过 plugins、sourceType 等来指定 parse 语法，功能是把源码转成 AST。</li><li>@babel/traverse 通过 visitor 函数对遍历到的 ast 进行处理，分为 enter 和 exit 两个阶段，具体操作 AST 使用 path 的 api，还可以通过 state 来在遍历过程中传递一些数据</li><li>@babel/types 用于创建、判断 AST 节点，提供了 xxx、isXxx、assertXxx 的 api</li><li>@babel/template 当需要批量创建 AST 的时候可以使用 @babel/template 来简化 AST 创建逻辑。</li><li>@babel/code-frame 可以创建友好的报错信息</li><li>@babel/generator 打印 AST 成目标代码字符串，支持 comments、minified、sourceMaps 等选项。</li><li>@babel/core 基于上面的包来完成 babel 的编译流程，并应用 plugin 和 preset。</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/article/babel.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/article/babel.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 classic design patterns</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Functional programming</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>Sorting algorithm</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>bubble sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>selection sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>insertion sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>shell sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Merge sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Quick sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Heap Sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Counting sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Bucket sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radix sort</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_article_babel" data-v-9f8645df><div data-pagefind-body="true"><h1 id="babel" tabindex="-1">Babel <a class="header-anchor" href="#babel" aria-label="Permalink to &quot;Babel&quot;">​</a></h1><p>babel 核心库主要是：</p><ul><li>@babel/parser 对源码进行 parse，可以通过 plugins、sourceType 等来指定 parse 语法，功能是把源码转成 AST。</li><li>@babel/traverse 通过 visitor 函数对遍历到的 ast 进行处理，分为 enter 和 exit 两个阶段，具体操作 AST 使用 path 的 api，还可以通过 state 来在遍历过程中传递一些数据</li><li>@babel/types 用于创建、判断 AST 节点，提供了 xxx、isXxx、assertXxx 的 api</li><li>@babel/template 当需要批量创建 AST 的时候可以使用 @babel/template 来简化 AST 创建逻辑。</li><li>@babel/code-frame 可以创建友好的报错信息</li><li>@babel/generator 打印 AST 成目标代码字符串，支持 comments、minified、sourceMaps 等选项。</li><li>@babel/core 基于上面的包来完成 babel 的编译流程，并应用 plugin 和 preset。</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/bundle.html b/src/article/bundle.html
index 4d96e17b57..59456ff8e4 100644
--- a/src/article/bundle.html
+++ b/src/article/bundle.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_bundle.md.BvqfF4Lk.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_bundle.md.CJFsaLBq.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/article/bundle.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/article/bundle.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 classic design patterns</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Functional programming</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>Sorting algorithm</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>bubble sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>selection sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>insertion sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>shell sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Merge sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Quick sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Heap Sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Counting sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Bucket sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radix sort</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_article_bundle" data-v-9f8645df><div data-pagefind-body="true"><h1 id="bundle" tabindex="-1">Bundle <a class="header-anchor" href="#bundle" aria-label="Permalink to &quot;Bundle&quot;">​</a></h1><p>Bundle 的本质就是输入，转换，输出。在机器上直接运行的代码，往往都难以维护和理解，我们需要将开发者方便理解和维护的代码，通过打包等工具转换成方便机器或者程序使用的代码。对于 web 前端来说，打包工具，至少需要以下功能：</p><ul><li>编译能力</li><li>插件机制</li><li>HMR</li><li>cli 和命令行能力</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/article/bundle.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/article/bundle.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 classic design patterns</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Functional programming</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>Sorting algorithm</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>bubble sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>selection sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>insertion sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>shell sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Merge sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Quick sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Heap Sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Counting sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Bucket sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radix sort</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_article_bundle" data-v-9f8645df><div data-pagefind-body="true"><h1 id="bundle" tabindex="-1">Bundle <a class="header-anchor" href="#bundle" aria-label="Permalink to &quot;Bundle&quot;">​</a></h1><p>Bundle 的本质就是输入，转换，输出。在机器上直接运行的代码，往往都难以维护和理解，我们需要将开发者方便理解和维护的代码，通过打包等工具转换成方便机器或者程序使用的代码。对于 web 前端来说，打包工具，至少需要以下功能：</p><ul><li>编译能力</li><li>插件机制</li><li>HMR</li><li>cli 和命令行能力</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/designMode.html b/src/article/designMode.html
index 6083b1c39d..76baa3d90c 100644
--- a/src/article/designMode.html
+++ b/src/article/designMode.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/访问者._0swtoJg.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_designMode.md.DWnxNFS_.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_designMode.md.CsQyDQ9L.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -785,8 +785,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">Visitor.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(a,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">3</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">Visitor.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">push</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(a,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">4</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">5</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">6</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">Visitor.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">pop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(a);</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">Visitor.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">splice</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(a,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span></code></pre></div><p>The visitor pattern solves the coupling between the data and the manipulation of the data, making the manipulation of the data independent of the data, so that it can freely evolve. Therefore, the visitor pattern is more suitable for those environments where the data is stable but the data manipulation method is variable.</p><p><strong>Advantages:</strong></p><ul><li>Easy to add new access operations. Using the visitor pattern, adding a new access operation means adding a new concrete visitor class, which is simple to implement without modifying the source code and conforms to the &quot;open and closed principle&quot;.</li><li>Centralize access to element objects into a single visitor object, rather than spreading it across individual element classes. Class responsibilities are clearer, facilitating reuse of element objects in the object structure, and the same object structure can be accessed by multiple different visitors.</li><li>Enables users to define operations that act on an existing element class hierarchy without modifying it.</li></ul><p><strong>Disadvantage:</strong></p><ul><li>Adding new element classes is difficult. In the visitor pattern, adding a new element class means adding a new abstract operation to the abstract visitor role and a corresponding concrete operation to each concrete visitor class, which violates the &quot;open closed principle&quot;.</li><li>Break the package. The visitor pattern requires the visitor object to access and invoke the operations of each element object, which means that the element object must sometimes expose some of its own internal operations and internal state, otherwise it cannot be accessed by the visitor.</li></ul><h2 id="vii-sum-up" tabindex="-1">VII.Sum up <a class="header-anchor" href="#vii-sum-up" aria-label="Permalink to &quot;VII.Sum up&quot;">​</a></h2><p>After systematically studying design patterns, you can see in your past development experience that design patterns are everywhere. Before learning design patterns, we often rely on past experience and wisdom to improve the design of a system, and many of these experiences coincide with the idea of a certain design pattern.</p><p>There are still some places that are not fully understood, and I would like to point out the mistakes in the article.</p><h2 id="viii-reference-material" tabindex="-1">VIII.Reference material <a class="header-anchor" href="#viii-reference-material" aria-label="Permalink to &quot;VIII.Reference material&quot;">​</a></h2><ul><li><a href="https://github.com/xietao3/Study-Plan" target="_blank" rel="noreferrer">Study-Plan</a></li><li><a href="https://zhuanlan.zhihu.com/p/472719016" target="_blank" rel="noreferrer">javaScript Design pattern statistics</a></li><li><a href="https://juejin.cn/post/6844903713866252296" target="_blank" rel="noreferrer">ES6 series Let&#39;s talk about decorators</a></li><li><a href="https://segmentfault.com/a/1190000038250020" target="_blank" rel="noreferrer">The generator pattern of design patterns</a></li><li><a href="https://juejin.im/user/57f8ffda2e958a005581e3c0/posts" target="_blank" rel="noreferrer">https://juejin.im/user/57f8ffda2e958a005581e3c0/posts</a></li><li><a href="https://design-patterns.readthedocs.io/zh_CN/latest/index.html" target="_blank" rel="noreferrer">https://design-patterns.readthedocs.io/zh_CN/latest/index.html</a></li><li><a href="https://blog.csdn.net/lovelion/article/details/17517213" target="_blank" rel="noreferrer">https://blog.csdn.net/lovelion/article/details/17517213</a></li><li><a href="https://github.com/skyming/Trip-to-iOS-Design-Patterns" target="_blank" rel="noreferrer">https://github.com/skyming/Trip-to-iOS-Design-Patterns</a></li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/functionalProgramming.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Functional programming</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">Visitor.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">splice</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(a,</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">2</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span></code></pre></div><p>The visitor pattern solves the coupling between the data and the manipulation of the data, making the manipulation of the data independent of the data, so that it can freely evolve. Therefore, the visitor pattern is more suitable for those environments where the data is stable but the data manipulation method is variable.</p><p><strong>Advantages:</strong></p><ul><li>Easy to add new access operations. Using the visitor pattern, adding a new access operation means adding a new concrete visitor class, which is simple to implement without modifying the source code and conforms to the &quot;open and closed principle&quot;.</li><li>Centralize access to element objects into a single visitor object, rather than spreading it across individual element classes. Class responsibilities are clearer, facilitating reuse of element objects in the object structure, and the same object structure can be accessed by multiple different visitors.</li><li>Enables users to define operations that act on an existing element class hierarchy without modifying it.</li></ul><p><strong>Disadvantage:</strong></p><ul><li>Adding new element classes is difficult. In the visitor pattern, adding a new element class means adding a new abstract operation to the abstract visitor role and a corresponding concrete operation to each concrete visitor class, which violates the &quot;open closed principle&quot;.</li><li>Break the package. The visitor pattern requires the visitor object to access and invoke the operations of each element object, which means that the element object must sometimes expose some of its own internal operations and internal state, otherwise it cannot be accessed by the visitor.</li></ul><h2 id="vii-sum-up" tabindex="-1">VII.Sum up <a class="header-anchor" href="#vii-sum-up" aria-label="Permalink to &quot;VII.Sum up&quot;">​</a></h2><p>After systematically studying design patterns, you can see in your past development experience that design patterns are everywhere. Before learning design patterns, we often rely on past experience and wisdom to improve the design of a system, and many of these experiences coincide with the idea of a certain design pattern.</p><p>There are still some places that are not fully understood, and I would like to point out the mistakes in the article.</p><h2 id="viii-reference-material" tabindex="-1">VIII.Reference material <a class="header-anchor" href="#viii-reference-material" aria-label="Permalink to &quot;VIII.Reference material&quot;">​</a></h2><ul><li><a href="https://github.com/xietao3/Study-Plan" target="_blank" rel="noreferrer">Study-Plan</a></li><li><a href="https://zhuanlan.zhihu.com/p/472719016" target="_blank" rel="noreferrer">javaScript Design pattern statistics</a></li><li><a href="https://juejin.cn/post/6844903713866252296" target="_blank" rel="noreferrer">ES6 series Let&#39;s talk about decorators</a></li><li><a href="https://segmentfault.com/a/1190000038250020" target="_blank" rel="noreferrer">The generator pattern of design patterns</a></li><li><a href="https://juejin.im/user/57f8ffda2e958a005581e3c0/posts" target="_blank" rel="noreferrer">https://juejin.im/user/57f8ffda2e958a005581e3c0/posts</a></li><li><a href="https://design-patterns.readthedocs.io/zh_CN/latest/index.html" target="_blank" rel="noreferrer">https://design-patterns.readthedocs.io/zh_CN/latest/index.html</a></li><li><a href="https://blog.csdn.net/lovelion/article/details/17517213" target="_blank" rel="noreferrer">https://blog.csdn.net/lovelion/article/details/17517213</a></li><li><a href="https://github.com/skyming/Trip-to-iOS-Design-Patterns" target="_blank" rel="noreferrer">https://github.com/skyming/Trip-to-iOS-Design-Patterns</a></li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/functionalProgramming.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Functional programming</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/functionalProgramming.html b/src/article/functionalProgramming.html
index 5805f46104..59c664cc0c 100644
--- a/src/article/functionalProgramming.html
+++ b/src/article/functionalProgramming.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_functionalProgramming.md.Bbl-kdPi.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_functionalProgramming.md.BPj6iTX9.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -379,8 +379,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">let</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> r </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> readFile</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;package.json&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">//这里可以用 map 去处理内容</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  .</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">flatMap</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(print)</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  .</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">join</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="参考资料" tabindex="-1">参考资料 <a class="header-anchor" href="#参考资料" aria-label="Permalink to &quot;参考资料&quot;">​</a></h2><ul><li><a href="http://t.zoukankan.com/feng9exe-p-10477713.html" target="_blank" rel="noreferrer">函数式编程与异步编程</a></li><li><a href="http://www.ruanyifeng.com/blog/2012/04/functional_programming.html" target="_blank" rel="noreferrer">函数式编程初探</a></li><li><a href="http://www.ruanyifeng.com/blog/2017/02/fp-tutorial.html" target="_blank" rel="noreferrer">函数式编程入门教程</a></li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/index.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Sorting algorithm</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  .</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">join</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">();</span></span></code></pre></div><h2 id="参考资料" tabindex="-1">参考资料 <a class="header-anchor" href="#参考资料" aria-label="Permalink to &quot;参考资料&quot;">​</a></h2><ul><li><a href="http://t.zoukankan.com/feng9exe-p-10477713.html" target="_blank" rel="noreferrer">函数式编程与异步编程</a></li><li><a href="http://www.ruanyifeng.com/blog/2012/04/functional_programming.html" target="_blank" rel="noreferrer">函数式编程初探</a></li><li><a href="http://www.ruanyifeng.com/blog/2017/02/fp-tutorial.html" target="_blank" rel="noreferrer">函数式编程入门教程</a></li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/index.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Sorting algorithm</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/imagemin.html b/src/article/imagemin.html
index 14d15d4d3b..bdbc6525bd 100644
--- a/src/article/imagemin.html
+++ b/src/article/imagemin.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_imagemin.md.CNzOGYN8.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_imagemin.md.F6ka3QYU.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/article/imagemin.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/article/imagemin.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 classic design patterns</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Functional programming</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>Sorting algorithm</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>bubble sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>selection sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>insertion sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>shell sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Merge sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Quick sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Heap Sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Counting sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Bucket sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radix sort</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_article_imagemin" data-v-9f8645df><div data-pagefind-body="true"><h1 id="imagemin-图片压缩源码分析" tabindex="-1">imagemin 图片压缩源码分析 <a class="header-anchor" href="#imagemin-图片压缩源码分析" aria-label="Permalink to &quot;imagemin 图片压缩源码分析&quot;">​</a></h1></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/article/imagemin.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/article/imagemin.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 classic design patterns</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Functional programming</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>Sorting algorithm</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>bubble sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>selection sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>insertion sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>shell sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Merge sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Quick sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Heap Sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Counting sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Bucket sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radix sort</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_article_imagemin" data-v-9f8645df><div data-pagefind-body="true"><h1 id="imagemin-图片压缩源码分析" tabindex="-1">imagemin 图片压缩源码分析 <a class="header-anchor" href="#imagemin-图片压缩源码分析" aria-label="Permalink to &quot;imagemin 图片压缩源码分析&quot;">​</a></h1></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/javascript/domLoad.html b/src/article/javascript/domLoad.html
index da462d36dc..27a24d8837 100644
--- a/src/article/javascript/domLoad.html
+++ b/src/article/javascript/domLoad.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_javascript_domLoad.md.f1BWKaWm.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_javascript_domLoad.md.ISLuBQzT.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -44,8 +44,8 @@
   <body>
     <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/article/javascript/domLoad.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/article/javascript/domLoad.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 classic design patterns</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Functional programming</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>Sorting algorithm</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>bubble sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>selection sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>insertion sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>shell sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Merge sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Quick sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Heap Sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Counting sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Bucket sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radix sort</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_article_javascript_domLoad" data-v-9f8645df><div data-pagefind-body="true"><h1 id="页面加载完成后事件" tabindex="-1">页面加载完成后事件 <a class="header-anchor" href="#页面加载完成后事件" aria-label="Permalink to &quot;页面加载完成后事件&quot;">​</a></h1><h2 id="window-onload" tabindex="-1">window.onload <a class="header-anchor" href="#window-onload" aria-label="Permalink to &quot;window.onload&quot;">​</a></h2><h2 id="domcontentloaded" tabindex="-1">DOMContentLoaded <a class="header-anchor" href="#domcontentloaded" aria-label="Permalink to &quot;DOMContentLoaded&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">addEventListener</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;DOMContentLoaded&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, fun);</span></span></code></pre></div><h2 id="body-onload-fun" tabindex="-1"><code>&lt;body onload=&quot;fun()&quot;&gt;</code> <a class="header-anchor" href="#body-onload-fun" aria-label="Permalink to &quot;`&lt;body onload=&quot;fun()&quot;&gt;`&quot;">​</a></h2><h2 id="readystate" tabindex="-1">readyState <a class="header-anchor" href="#readystate" aria-label="Permalink to &quot;readyState&quot;">​</a></h2><div class="language-js vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">js</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.readyState;</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.onreadystatechange;</span></span></code></pre></div><p>一个文档的 readyState 可以是以下之一：</p><ul><li>loading / 加载。document 仍在加载。</li><li>interactive / 互动。文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的子资源仍在加载。</li><li>complete / 完成。T 文档和所有子资源已完成加载。状态表示 load 事件即将被触发。</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.onreadystatechange;</span></span></code></pre></div><p>一个文档的 readyState 可以是以下之一：</p><ul><li>loading / 加载。document 仍在加载。</li><li>interactive / 互动。文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的子资源仍在加载。</li><li>complete / 完成。T 文档和所有子资源已完成加载。状态表示 load 事件即将被触发。</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/sort/bubble/index.html b/src/article/sort/bubble/index.html
index 44d227bf6a..e412a39667 100644
--- a/src/article/sort/bubble/index.html
+++ b/src/article/sort/bubble/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/bubble.Dg5jgvyl.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_sort_bubble_index.md.DM2Rnnat.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_sort_bubble_index.md.DmhPntEW.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -55,8 +55,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/index.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Sorting algorithm</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/select/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>selection sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/index.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Sorting algorithm</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/select/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>selection sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/sort/bucket/index.html b/src/article/sort/bucket/index.html
index 8ad27403d9..3a2be3391a 100644
--- a/src/article/sort/bucket/index.html
+++ b/src/article/sort/bucket/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_sort_bucket_index.md.BTbi9aJ6.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_sort_bucket_index.md.1nocTUlS.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -98,8 +98,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    list </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">concat</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">count</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(buckets[i]));</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="algorithm-analysis" tabindex="-1">Algorithm analysis <a class="header-anchor" href="#algorithm-analysis" aria-label="Permalink to &quot;Algorithm analysis&quot;">​</a></h2><p>Bucket sorting best uses linear time O(n), and the time complexity of bucket sorting depends on the time complexity of sorting data between buckets, because the time complexity of other parts is O(n). Obviously, the smaller the buckets, the less data there is between them, and the less time it takes to sort them. But the corresponding space consumption will increase.</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/count/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Counting sort</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/radix/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Radix sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="algorithm-analysis" tabindex="-1">Algorithm analysis <a class="header-anchor" href="#algorithm-analysis" aria-label="Permalink to &quot;Algorithm analysis&quot;">​</a></h2><p>Bucket sorting best uses linear time O(n), and the time complexity of bucket sorting depends on the time complexity of sorting data between buckets, because the time complexity of other parts is O(n). Obviously, the smaller the buckets, the less data there is between them, and the less time it takes to sort them. But the corresponding space consumption will increase.</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/count/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Counting sort</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/radix/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Radix sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/sort/count/index.html b/src/article/sort/count/index.html
index 47e9c98029..a4af5dd577 100644
--- a/src/article/sort/count/index.html
+++ b/src/article/sort/count/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/count.CcfK-WL7.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_sort_count_index.md.Ch5HRRp8.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_sort_count_index.md.Du6QhWUu.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -76,8 +76,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> result;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="algorithm-analysis" tabindex="-1">Algorithm analysis <a class="header-anchor" href="#algorithm-analysis" aria-label="Permalink to &quot;Algorithm analysis&quot;">​</a></h2><p>Counting sort is a stable sorting algorithm. When the input elements are n integers between 0 and k, the time complexity is O(n+k) and the space complexity is also O(n+k), which sorts faster than any comparison sorting algorithm. Counting sort is an efficient sorting algorithm when k is not large and the sequence is concentrated.</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/heap/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Heap Sort</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/bucket/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Bucket sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="algorithm-analysis" tabindex="-1">Algorithm analysis <a class="header-anchor" href="#algorithm-analysis" aria-label="Permalink to &quot;Algorithm analysis&quot;">​</a></h2><p>Counting sort is a stable sorting algorithm. When the input elements are n integers between 0 and k, the time complexity is O(n+k) and the space complexity is also O(n+k), which sorts faster than any comparison sorting algorithm. Counting sort is an efficient sorting algorithm when k is not large and the sequence is concentrated.</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/heap/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Heap Sort</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/bucket/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Bucket sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/sort/heap/index.html b/src/article/sort/heap/index.html
index ae492d6fe1..0f808761f6 100644
--- a/src/article/sort/heap/index.html
+++ b/src/article/sort/heap/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/heap.xduQWyUN.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_sort_heap_index.md.D-XARjAx.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_sort_heap_index.md.DUjhT9HH.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -92,8 +92,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> heap</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Array</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Heap</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(list);</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> value;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/quick/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Quick sort</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/count/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Counting sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/quick/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Quick sort</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/count/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Counting sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/sort/index.html b/src/article/sort/index.html
index c8a7dbe26e..9036a18a97 100644
--- a/src/article/sort/index.html
+++ b/src/article/sort/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/complexity.CSkvDr7k.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_sort_index.md.LNhlg9Oa.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_sort_index.md.Day6RJ-s.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,14 +37,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/article/sort/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/article/sort/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 classic design patterns</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Functional programming</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>Sorting algorithm</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>bubble sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>selection sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>insertion sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>shell sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Merge sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Quick sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Heap Sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Counting sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Bucket sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radix sort</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_article_sort_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="ten-classic-sorting-algorithms" tabindex="-1">Ten classic sorting algorithms <a class="header-anchor" href="#ten-classic-sorting-algorithms" aria-label="Permalink to &quot;Ten classic sorting algorithms&quot;">​</a></h1><p>The ten common sorting algorithms can be divided into two broad categories:</p><ul><li><strong>Comparator sort</strong>：By comparison to determine the relative order between elements, because its time complexity can not break through O(nlogn), so it is also called nonlinear time comparison class sorting.</li><li><strong>Non-comparison sort</strong>：Instead of determining the relative order between elements by comparison, it can break through the time lower bound based on comparison sort and run in linear time, so it is also called linear time non-comparison sort.</li></ul><p><img src="/ran/assets/sort.CSVZS1AV.png" alt="Sorting algorithm classification"></p><h2 id="algorithm-complexity" tabindex="-1">Algorithm complexity <a class="header-anchor" href="#algorithm-complexity" aria-label="Permalink to &quot;Algorithm complexity&quot;">​</a></h2><p><img src="/ran/assets/complexity.DSLVsjHt.png" alt="Algorithm complexity"></p><h2 id="related-concept" tabindex="-1">Related concept <a class="header-anchor" href="#related-concept" aria-label="Permalink to &quot;Related concept&quot;">​</a></h2><ul><li>Stable: If a was originally in front of b and a=b, a is still in front of b after sorting.</li><li>Unstable: If a originally comes before b and a=b, a may come after b after sorting.</li><li>Time complexity: The total number of operations on sorted data. Reflects what rule the number of operations presents when n changes.</li><li>Spatial complexity: refers to the measure of the storage space required when the algorithm is executed in the computer, and it is also a function of the data size n.</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/functionalProgramming.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Functional programming</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/bubble/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>bubble sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/article/sort/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/article/sort/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/designMode.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>23 classic design patterns</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/functionalProgramming.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Functional programming</p><!--]--></a><!----></div><!----></div><section class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/index.html" data-v-3d6ff150><!--[--><h3 class="text" data-v-3d6ff150>Sorting algorithm</h3><!--]--></a><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/bubble/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>bubble sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>selection sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/insert/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>insertion sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/shell/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>shell sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/merge/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Merge sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/quick/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Quick sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/heap/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Heap Sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/count/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Counting sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/bucket/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Bucket sort</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-2 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/article/sort/radix/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radix sort</p><!--]--></a><!----></div><!----></div><!--]--></div></section><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_article_sort_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="ten-classic-sorting-algorithms" tabindex="-1">Ten classic sorting algorithms <a class="header-anchor" href="#ten-classic-sorting-algorithms" aria-label="Permalink to &quot;Ten classic sorting algorithms&quot;">​</a></h1><p>The ten common sorting algorithms can be divided into two broad categories:</p><ul><li><strong>Comparator sort</strong>：By comparison to determine the relative order between elements, because its time complexity can not break through O(nlogn), so it is also called nonlinear time comparison class sorting.</li><li><strong>Non-comparison sort</strong>：Instead of determining the relative order between elements by comparison, it can break through the time lower bound based on comparison sort and run in linear time, so it is also called linear time non-comparison sort.</li></ul><p><img src="/ran/assets/sort.CSVZS1AV.png" alt="Sorting algorithm classification"></p><h2 id="algorithm-complexity" tabindex="-1">Algorithm complexity <a class="header-anchor" href="#algorithm-complexity" aria-label="Permalink to &quot;Algorithm complexity&quot;">​</a></h2><p><img src="/ran/assets/complexity.DSLVsjHt.png" alt="Algorithm complexity"></p><h2 id="related-concept" tabindex="-1">Related concept <a class="header-anchor" href="#related-concept" aria-label="Permalink to &quot;Related concept&quot;">​</a></h2><ul><li>Stable: If a was originally in front of b and a=b, a is still in front of b after sorting.</li><li>Unstable: If a originally comes before b and a=b, a may come after b after sorting.</li><li>Time complexity: The total number of operations on sorted data. Reflects what rule the number of operations presents when n changes.</li><li>Spatial complexity: refers to the measure of the storage space required when the algorithm is executed in the computer, and it is also a function of the data size n.</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/functionalProgramming.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Functional programming</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/bubble/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>bubble sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/sort/insert/index.html b/src/article/sort/insert/index.html
index 72ba3c3918..6c7d61cb0d 100644
--- a/src/article/sort/insert/index.html
+++ b/src/article/sort/insert/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/insert.Bde3uDH4.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_sort_insert_index.md.B-oNm95-.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_sort_insert_index.md.Cmba0n6W.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -55,8 +55,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    list[preIndex </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">+</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> current;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="algorithm-analysis" tabindex="-1">Algorithm analysis <a class="header-anchor" href="#algorithm-analysis" aria-label="Permalink to &quot;Algorithm analysis&quot;">​</a></h2><p>Insertion sort in the implementation, usually use in-place sort (that is, only need to use O(1) of the additional space of the sort), so in the process of scanning from back to forward, the sorted elements need to be repeatedly moved backward step by step, to provide insertion space for the latest elements.</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/select/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>selection sort</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/shell/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>shell sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="algorithm-analysis" tabindex="-1">Algorithm analysis <a class="header-anchor" href="#algorithm-analysis" aria-label="Permalink to &quot;Algorithm analysis&quot;">​</a></h2><p>Insertion sort in the implementation, usually use in-place sort (that is, only need to use O(1) of the additional space of the sort), so in the process of scanning from back to forward, the sorted elements need to be repeatedly moved backward step by step, to provide insertion space for the latest elements.</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/select/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>selection sort</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/shell/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>shell sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/sort/merge/index.html b/src/article/sort/merge/index.html
index 1c81b489fe..78b32b3428 100644
--- a/src/article/sort/merge/index.html
+++ b/src/article/sort/merge/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/merge.D_M4N_iU.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_sort_merge_index.md.D6h05wbs.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_sort_merge_index.md.BYCAvkHG.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -75,8 +75,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> left</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">slice</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, middle);</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> right</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">slice</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(middle);</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> combine</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">merge</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(left), </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">merge</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(right));</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="algorithm-analysis" tabindex="-1">Algorithm analysis <a class="header-anchor" href="#algorithm-analysis" aria-label="Permalink to &quot;Algorithm analysis&quot;">​</a></h2><p>Merge sort is a stable sort method. Like select sort, merge sort performs independently of the input data, but performs much better than select sort because it is always O(nlogn) in time complexity. The trade-off is extra memory space.</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/shell/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>shell sort</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/quick/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Quick sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="algorithm-analysis" tabindex="-1">Algorithm analysis <a class="header-anchor" href="#algorithm-analysis" aria-label="Permalink to &quot;Algorithm analysis&quot;">​</a></h2><p>Merge sort is a stable sort method. Like select sort, merge sort performs independently of the input data, but performs much better than select sort because it is always O(nlogn) in time complexity. The trade-off is extra memory space.</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/shell/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>shell sort</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/quick/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Quick sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/sort/quick/index.html b/src/article/sort/quick/index.html
index b4dcc14440..e2ee11b0e6 100644
--- a/src/article/sort/quick/index.html
+++ b/src/article/sort/quick/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/quick.WcLzRUPH.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_sort_quick_index.md.C9uemKEa.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_sort_quick_index.md.BVXZPTlC.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -93,8 +93,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> quick</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">list</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [])</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> size</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">length</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> combine</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(list, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, size </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/merge/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Merge sort</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/heap/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Heap Sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/merge/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Merge sort</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/heap/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Heap Sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/sort/radix/index.html b/src/article/sort/radix/index.html
index 568dd5e3ab..9b2fd2fbbc 100644
--- a/src/article/sort/radix/index.html
+++ b/src/article/sort/radix/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/radix.CHOmrmB0.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_sort_radix_index.md.Ca-wVT5Q.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_sort_radix_index.md.CZgriu-L.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -78,8 +78,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    list </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">concat</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">count</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(buckets[i]));</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="algorithm-analysis" tabindex="-1">Algorithm analysis <a class="header-anchor" href="#algorithm-analysis" aria-label="Permalink to &quot;Algorithm analysis&quot;">​</a></h2><p>Radix sort is based on distributive sort, so it is stable. But the performance of radix sort is slightly worse than bucket sort, each keyword bucket allocation requires O(n) time complexity, and after allocation to get a new keyword sequence requires O(n) time complexity. If the data to be sorted can be divided into d keywords, the time complexity of radix sort will be O(d*2n), of course, d is far less than n, so it is basically linear level.</p><p>The spatial complexity of radix sort is O(n+k), where k is the number of buckets. Generally speaking, n&gt; &gt; k, so you need about n extra Spaces.</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/bucket/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Bucket sort</span><!--]--></a></div><div class="pager" data-v-00ab7d08><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="algorithm-analysis" tabindex="-1">Algorithm analysis <a class="header-anchor" href="#algorithm-analysis" aria-label="Permalink to &quot;Algorithm analysis&quot;">​</a></h2><p>Radix sort is based on distributive sort, so it is stable. But the performance of radix sort is slightly worse than bucket sort, each keyword bucket allocation requires O(n) time complexity, and after allocation to get a new keyword sequence requires O(n) time complexity. If the data to be sorted can be divided into d keywords, the time complexity of radix sort will be O(d*2n), of course, d is far less than n, so it is basically linear level.</p><p>The spatial complexity of radix sort is O(n+k), where k is the number of buckets. Generally speaking, n&gt; &gt; k, so you need about n extra Spaces.</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/bucket/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Bucket sort</span><!--]--></a></div><div class="pager" data-v-00ab7d08><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/sort/select/index.html b/src/article/sort/select/index.html
index 5f63135344..0f4edf6cf1 100644
--- a/src/article/sort/select/index.html
+++ b/src/article/sort/select/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/select.BGReufCV.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_sort_select_index.md.CgrU_Nnu.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_sort_select_index.md.DVQbDLxi.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -59,8 +59,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="algorithm-analysis" tabindex="-1">Algorithm analysis <a class="header-anchor" href="#algorithm-analysis" aria-label="Permalink to &quot;Algorithm analysis&quot;">​</a></h2><p>One of the most stable sorting algorithms, because whatever data goes in is O(n2) time complexity, so when using it, the smaller the data size, the better. The only benefit may be that it doesn&#39;t take up extra memory space. In theory, selection sorting may also be the most common sorting method that people think of.</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/bubble/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>bubble sort</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/insert/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>insertion sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="algorithm-analysis" tabindex="-1">Algorithm analysis <a class="header-anchor" href="#algorithm-analysis" aria-label="Permalink to &quot;Algorithm analysis&quot;">​</a></h2><p>One of the most stable sorting algorithms, because whatever data goes in is O(n2) time complexity, so when using it, the smaller the data size, the better. The only benefit may be that it doesn&#39;t take up extra memory space. In theory, selection sorting may also be the most common sorting method that people think of.</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/bubble/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>bubble sort</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/insert/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>insertion sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/sort/shell/index.html b/src/article/sort/shell/index.html
index b2f19a44df..8ba47bcbbe 100644
--- a/src/article/sort/shell/index.html
+++ b/src/article/sort/shell/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/shell.CGEkKxrp.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_sort_shell_index.md.DOUhMGGU.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_sort_shell_index.md.CGmp_Zfr.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -62,8 +62,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  return</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> list;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="algorithm-analysis" tabindex="-1">Algorithm analysis <a class="header-anchor" href="#algorithm-analysis" aria-label="Permalink to &quot;Algorithm analysis&quot;">​</a></h2><p>The core of Hill sort is the setting of interval sequence. The interval sequence can be set in advance, and the interval sequence can be defined dynamically. The algorithm for dynamically defining interval sequences was developed by Robert Sedgewick, co-author of Algorithms (4th Edition).</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/insert/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>insertion sort</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/merge/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Merge sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><h2 id="algorithm-analysis" tabindex="-1">Algorithm analysis <a class="header-anchor" href="#algorithm-analysis" aria-label="Permalink to &quot;Algorithm analysis&quot;">​</a></h2><p>The core of Hill sort is the setting of interval sequence. The interval sequence can be set in advance, and the interval sequence can be defined dynamically. The algorithm for dynamically defining interval sequences was developed by Robert Sedgewick, co-author of Algorithms (4th Edition).</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/article/sort/insert/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>insertion sort</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/sort/merge/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Merge sort</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/typescript/calculate.html b/src/article/typescript/calculate.html
index 9fc4eb5252..274410251e 100644
--- a/src/article/typescript/calculate.html
+++ b/src/article/typescript/calculate.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_typescript_calculate.md.CVW8Xao2.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_typescript_calculate.md.vojGlJJE.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -72,8 +72,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> CurrentArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;length&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> FibonacciLoop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CurrentArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">PrevArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">CurrentArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">IndexArr</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Num</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Fibonacci</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Num</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> FibonacciLoop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [], [], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Num</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>类型参数 PrevArr 是代表之前的累加值的数组。类型参数 CurrentArr 是代表当前数值的数组。</p><p>类型参数 IndexArr 用于记录 index，每次递归加一，默认值是 []，代表从 0 开始。</p><p>类型参数 Num 代表求数列的第几个数。</p><p>判断当前 index 也就是 IndexArr[&#39;length&#39;] 是否到了 Num，到了就返回当前的数值 CurrentArr[&#39;length&#39;]。</p><p>否则求出当前 index 对应的数值，用之前的数加上当前的数 [...PrevArr, ... CurrentArr]。</p><p>然后继续递归，index + 1，也就是 [...IndexArr, unknown]。</p><p>这就是递归计算 Fibinacci 数列的数的过程。</p><p>可以正确的算出第 8 个数是 21:</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Fibonacci</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Num</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> FibonacciLoop</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [], [], </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Num</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span></code></pre></div><p>类型参数 PrevArr 是代表之前的累加值的数组。类型参数 CurrentArr 是代表当前数值的数组。</p><p>类型参数 IndexArr 用于记录 index，每次递归加一，默认值是 []，代表从 0 开始。</p><p>类型参数 Num 代表求数列的第几个数。</p><p>判断当前 index 也就是 IndexArr[&#39;length&#39;] 是否到了 Num，到了就返回当前的数值 CurrentArr[&#39;length&#39;]。</p><p>否则求出当前 index 对应的数值，用之前的数加上当前的数 [...PrevArr, ... CurrentArr]。</p><p>然后继续递归，index + 1，也就是 [...IndexArr, unknown]。</p><p>这就是递归计算 Fibinacci 数列的数的过程。</p><p>可以正确的算出第 8 个数是 21:</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/typescript/index.html b/src/article/typescript/index.html
index 05d942046b..51850f86f5 100644
--- a/src/article/typescript/index.html
+++ b/src/article/typescript/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_typescript_index.md.CZyb-Nhf.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_typescript_index.md.CkcO1_RK.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -197,8 +197,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestAnyResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> TestAny</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type TestAnyResult = 1 | 2</span></span></code></pre></div><p>联合类型、never、any 在作为条件类型的类型参数时的这些特殊情况，也会在后面的原理篇来解释原因。</p><h3 id="istuple" tabindex="-1">IsTuple <a class="header-anchor" href="#istuple" aria-label="Permalink to &quot;IsTuple&quot;">​</a></h3><p>元组类型怎么判断呢？它和数组有什么区别呢？</p><p>元组类型的 length 是数字字面量，而数组的 length 是 number。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> len</span></span></code></pre></div><h3 id="uniontointersection" tabindex="-1">UnionToIntersection <a class="header-anchor" href="#uniontointersection" aria-label="Permalink to &quot;UnionToIntersection&quot;">​</a></h3><p>类型之间是有父子关系的，更具体的那个是子类型，比如 A 和 B 的交叉类型 A &amp; B 就是联合类型 A | B 的子类型，因为更具体。</p><p>如果允许父类型赋值给子类型，就叫做<strong>逆变</strong>。</p><p>如果允许子类型赋值给父类型，就叫做<strong>协变</strong>。</p><p>（关于逆变、协变等概念的详细解释可以看原理篇）</p><p>在 TypeScript 中有函数参数是有逆变的性质的，也就是如果参数可能是多个类型，参数类型会变成它们的交叉类型。</p><p>所以联合转交叉可以这样实现：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> UnionToIntersection</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">U</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">U</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> U</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">x</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> U</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">x</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> R</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 U 是要转换的联合类型。</p><p>U extends U 是为了触发联合类型的 distributive 的性质，让每个类型单独传入做计算，最后合并。</p><p>利用 U 做为参数构造个函数，通过模式匹配取参数的类型。</p><p>结果就是交叉类型</p><p>函数参数的逆变性质一般就联合类型转交叉类型会用，记住就行。</p><h3 id="getoptional" tabindex="-1">GetOptional <a class="header-anchor" href="#getoptional" aria-label="Permalink to &quot;GetOptional&quot;">​</a></h3><p>如何提取索引类型中的可选索引呢？</p><p>这也要利用可选索引的特性：可选索引的值为 undefined 和值类型的联合类型。</p><p>过滤可选索引，就要构造一个新的索引类型，过程中做过滤：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetOptional</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Obj</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Record</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> in</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> keyof</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Obj</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> as</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {} </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Obj</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Key</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Obj</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><p>类型参数 Obj 为待处理的索引类型，类型约束为索引为 string、值为任意类型的索引类型 Record&lt;string, any&gt;。</p><p>用映射类型的语法重新构造索引类型，索引是之前的索引也就是 Key in keyof Obj，但要做一些过滤，也就是 as 之后的部分。</p><p>过滤的方式就是单独取出该索引之后，判断空对象是否是其子类型。</p><p>这里的 Pick 是 ts 提供的内置高级类型，就是取出某个 Key 构造新的索引类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">K</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> keyof</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> in</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> K</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] };</span></span></code></pre></div><p>比如单独取出 age 构造的新的索引类型是这样的：</p><p>可选的意思是这个索引可能没有，没有的时候，那 Pick&lt;Obj, Key&gt; 就是空的，所以 {} extends Pick&lt;Obj, Key&gt; 就能过滤出可选索引。</p><p>值的类型依然是之前的，也就是 Obj[Key]。</p><p>这样，就能过滤出所有可选索引，构造成新的索引类型：</p><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><ul><li>any 类型与任何类型的交叉都是 any，也就是 1 &amp; any 结果是 any，可以用这个特性判断 any 类型。</li><li>联合类型作为类型参数出现在条件类型左侧时，会分散成单个类型传入，最后合并。</li><li>never 作为类型参数出现在条件类型左侧时，会直接返回 never。</li><li>any 作为类型参数出现在条件类型左侧时，会直接返回 trueType 和 falseType 的联合类型。</li><li>元组类型也是数组类型，但 length 是数字字面量，而数组的 length 是 number。可以用来判断元组类型。</li><li>函数参数处会发生逆变，可以用来实现联合类型转交叉类型。</li><li>可选索引的索引可能没有，那 Pick 出来的就可能是 {}，可以用来过滤可选索引，反过来也可以过滤非可选索引。</li><li>索引类型的索引为字符串字面量类型，而可索引签名不是，可以用这个特性过滤掉可索引签名。</li><li>keyof 只能拿到 class 的 public 的索引，可以用来过滤出 public 的属性。</li><li>默认推导出来的不是字面量类型，加上 as const 可以推导出字面量类型，但带有 readonly 修饰，这样模式匹配的时候也得加上 readonly 才行。</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><p>类型参数 Obj 为待处理的索引类型，类型约束为索引为 string、值为任意类型的索引类型 Record&lt;string, any&gt;。</p><p>用映射类型的语法重新构造索引类型，索引是之前的索引也就是 Key in keyof Obj，但要做一些过滤，也就是 as 之后的部分。</p><p>过滤的方式就是单独取出该索引之后，判断空对象是否是其子类型。</p><p>这里的 Pick 是 ts 提供的内置高级类型，就是取出某个 Key 构造新的索引类型：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Pick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">K</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> keyof</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> in</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> K</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">P</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] };</span></span></code></pre></div><p>比如单独取出 age 构造的新的索引类型是这样的：</p><p>可选的意思是这个索引可能没有，没有的时候，那 Pick&lt;Obj, Key&gt; 就是空的，所以 {} extends Pick&lt;Obj, Key&gt; 就能过滤出可选索引。</p><p>值的类型依然是之前的，也就是 Obj[Key]。</p><p>这样，就能过滤出所有可选索引，构造成新的索引类型：</p><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><ul><li>any 类型与任何类型的交叉都是 any，也就是 1 &amp; any 结果是 any，可以用这个特性判断 any 类型。</li><li>联合类型作为类型参数出现在条件类型左侧时，会分散成单个类型传入，最后合并。</li><li>never 作为类型参数出现在条件类型左侧时，会直接返回 never。</li><li>any 作为类型参数出现在条件类型左侧时，会直接返回 trueType 和 falseType 的联合类型。</li><li>元组类型也是数组类型，但 length 是数字字面量，而数组的 length 是 number。可以用来判断元组类型。</li><li>函数参数处会发生逆变，可以用来实现联合类型转交叉类型。</li><li>可选索引的索引可能没有，那 Pick 出来的就可能是 {}，可以用来过滤可选索引，反过来也可以过滤非可选索引。</li><li>索引类型的索引为字符串字面量类型，而可索引签名不是，可以用这个特性过滤掉可索引签名。</li><li>keyof 只能拿到 class 的 public 的索引，可以用来过滤出 public 的属性。</li><li>默认推导出来的不是字面量类型，加上 as const 可以推导出字面量类型，但带有 readonly 修饰，这样模式匹配的时候也得加上 readonly 才行。</li></ul></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/typescript/pattern.html b/src/article/typescript/pattern.html
index a58b00796d..d683739feb 100644
--- a/src/article/typescript/pattern.html
+++ b/src/article/typescript/pattern.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_typescript_pattern.md.dRLdKmiq.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_typescript_pattern.md.CLkB9hDT.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -134,8 +134,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">    :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Props 为待处理的类型。</p><p>通过 keyof Props 取出 Props 的所有索引构成的联合类型，判断下 ref 是否在其中，也就是 &#39;ref&#39; extends keyof Props。</p><p>为什么要做这个判断，上面注释里写了：</p><p>在 ts3.0 里面如果没有对应的索引，Obj[Key] 返回的是 {} 而不是 never，所以这样做下兼容处理。</p><p>如果有 ref 这个索引的话，就通过 infer 提取 Value 的类型返回，否则返回 never。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPropsRefResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPropsRef</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;{ </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">ref</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> 1</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;str&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> }&gt;;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type GetPropsRefResult = 1</span></span></code></pre></div><p>当 ref 为 undefined 时：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPropsRefResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetPropsRef</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;{ </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">ref</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> undefined</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">; </span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;str&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> }&gt;;</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type GetPropsRefResult = undefined</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type GetPropsRefResult = undefined</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/typescript/reconstruction.html b/src/article/typescript/reconstruction.html
index eb4512b7d7..51e9b3f545 100644
--- a/src/article/typescript/reconstruction.html
+++ b/src/article/typescript/reconstruction.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_typescript_reconstruction.md.RJXBSd9W.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_typescript_reconstruction.md.6hei5wds.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -89,8 +89,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> in</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> keyof</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">-?:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><p>给索引类型 T 的索引去掉 ? 的修饰，其余保持不变。</p><h3 id="filterbyvaluetype" tabindex="-1">FilterByValueType <a class="header-anchor" href="#filterbyvaluetype" aria-label="Permalink to &quot;FilterByValueType&quot;">​</a></h3><p>可以在构造新索引类型的时候根据值的类型做下过滤：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> FilterByValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Obj</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Record</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">any</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">ValueType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  [</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> in</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> keyof</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Obj</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> as</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Obj</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">] </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ValueType</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Key</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Obj</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><p>类型参数 Obj 为要处理的索引类型，通过 extends 约束为索引为 string，值为任意类型的索引类型 Record&lt;string, any&gt;。</p><p>类型参数 ValueType 为要过滤出的值的类型。</p><p>构造新的索引类型，索引为 Obj 的索引，也就是 Key in keyof Obj，但要做一些变换，也就是 as 之后的部分。</p><p>如果原来索引的值 Obj[Key] 是 ValueType 类型，索引依然为之前的索引 Key，否则索引设置为 never，never 的索引会在生成新的索引类型时被去掉。</p><p>值保持不变，依然为原来索引的值，也就是 Obj[Key]。</p><p>这样就达到了过滤索引类型的索引，产生新的索引类型的目的：</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span></code></pre></div><p>类型参数 Obj 为要处理的索引类型，通过 extends 约束为索引为 string，值为任意类型的索引类型 Record&lt;string, any&gt;。</p><p>类型参数 ValueType 为要过滤出的值的类型。</p><p>构造新的索引类型，索引为 Obj 的索引，也就是 Key in keyof Obj，但要做一些变换，也就是 as 之后的部分。</p><p>如果原来索引的值 Obj[Key] 是 ValueType 类型，索引依然为之前的索引 Key，否则索引设置为 never，never 的索引会在生成新的索引类型时被去掉。</p><p>值保持不变，依然为原来索引的值，也就是 Obj[Key]。</p><p>这样就达到了过滤索引类型的索引，产生新的索引类型的目的：</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/typescript/recursion.html b/src/article/typescript/recursion.html
index d0129f8b7a..92f3bcc446 100644
--- a/src/article/typescript/recursion.html
+++ b/src/article/typescript/recursion.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_typescript_recursion.md.CxwYW6pd.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_typescript_recursion.md.Cklrk5ux.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -106,8 +106,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">          :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> DeepReadonly</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Obj</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">        :</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Obj</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Key</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    }</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/article/typescript/unionType.html b/src/article/typescript/unionType.html
index 4dae48235b..66ceeecaf3 100644
--- a/src/article/typescript/unionType.html
+++ b/src/article/typescript/unionType.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_article_typescript_unionType.md.lwThafAB.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_article_typescript_unionType.md.DWIWcdin.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -62,8 +62,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Block</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}__${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Element</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}--${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Modifiers</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">]</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 Block、Element、Modifiers 分别是 bem 规范的三部分，其中 Element 和 Modifiers 都可能多个，约束为 string[]。</p><p>构造一个字符串类型，其中 Element 和 Modifiers 通过索引访问来变为联合类型。</p><p>字符串类型中遇到联合类型的时候，会每个元素单独传入计算，也就是这样的效果：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> RemResult</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> BEM</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;b&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;c&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">], [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;d&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;e&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]&gt;;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type RemResult = &#39;a__b--d&#39; | &#39;a__b--e&#39; | &#39;a__c--d&#39; | &#39;a__b--e&#39;</span></span></code></pre></div><p>可以看到，用好了联合类型，确实能简化类型编程逻辑。</p><h2 id="allcombinations" tabindex="-1">AllCombinations <a class="header-anchor" href="#allcombinations" aria-label="Permalink to &quot;AllCombinations&quot;">​</a></h2><p>我们再来实现一个全组合的高级类型，也是联合类型相关的：</p><p>希望传入 &#39;A&#39; | &#39;B&#39; 的时候，能够返回所有的组合： &#39;A&#39; | &#39;B&#39; | &#39;BA&#39; | &#39;AB&#39;。</p><p>这种全组合问题的实现思路就是两两组合，组合出的字符串再和其他字符串两两组和：</p><p>比如 &#39;A&#39; | &#39;B&#39; | &#39;c&#39;，就是 A 和 B、C 组合，B 和 A、C 组合，C 和 A、B 组合。然后组合出来的字符串再和其他字符串组合。</p><p>任何两个类型的组合有四种：A、B、AB、BA</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> |</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> `${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}${</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>然后构造出来的字符串再和其他字符串组合。</p><p>所以全组合的高级类型就是这样：</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> A</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Combination</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">AllCombinations</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">Exclude</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">B</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">A</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&gt;&gt;</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待组合的两个联合类型，B 默认是 A 也就是同一个。</p><p>A extends A 的意义就是让联合类型每个类型单独传入做处理，上面我们刚学会。</p><p>A 的处理就是 A 和 B 中去掉 A 以后的所有类型组合，也就是 Combination&lt;A, B 去掉 A 以后的所有组合&gt;。</p><p>而 B 去掉 A 以后的所有组合就是 AllCombinations&lt;Exclude&lt;B, A&gt;&gt;，所以全组合就是 Combination&lt;A, AllCombinations&lt;Exclude&lt;B, A&gt;&gt;&gt;。</p><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>联合类型中的每个类型都是相互独立的，TypeScript 对它做了特殊处理，也就是遇到字符串类型、条件类型的时候会把每个类型单独传入做计算，最后把每个类型的计算结果合并成联合类型。</p><p>条件类型左边是联合类型的时候就会触法这种处理，叫做分布式条件类型。</p><p>有两点特别要注意：</p><ul><li><p>A extends A 不是没意义，意义是取出联合类型中的单个类型放入 A</p></li><li><p>A extends A 才是分布式条件类型， [A] extends [A] 就不是了，只有左边是单独的类型参数才可以。</p></li></ul><p>我们后面做了一些案例，发现联合类型的这种 distributive 的特性确实能简化类型编程，但是也增加了认知成本，不过这也是不可避免的事。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> never</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div><p>类型参数 A、B 是待组合的两个联合类型，B 默认是 A 也就是同一个。</p><p>A extends A 的意义就是让联合类型每个类型单独传入做处理，上面我们刚学会。</p><p>A 的处理就是 A 和 B 中去掉 A 以后的所有类型组合，也就是 Combination&lt;A, B 去掉 A 以后的所有组合&gt;。</p><p>而 B 去掉 A 以后的所有组合就是 AllCombinations&lt;Exclude&lt;B, A&gt;&gt;，所以全组合就是 Combination&lt;A, AllCombinations&lt;Exclude&lt;B, A&gt;&gt;&gt;。</p><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>联合类型中的每个类型都是相互独立的，TypeScript 对它做了特殊处理，也就是遇到字符串类型、条件类型的时候会把每个类型单独传入做计算，最后把每个类型的计算结果合并成联合类型。</p><p>条件类型左边是联合类型的时候就会触法这种处理，叫做分布式条件类型。</p><p>有两点特别要注意：</p><ul><li><p>A extends A 不是没意义，意义是取出联合类型中的单个类型放入 A</p></li><li><p>A extends A 才是分布式条件类型， [A] extends [A] 就不是了，只有左边是单独的类型参数才可以。</p></li></ul><p>我们后面做了一些案例，发现联合类型的这种 distributive 的特性确实能简化类型编程，但是也增加了认知成本，不过这也是不可避免的事。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/article/designMode.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>23 classic design patterns</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranui/button/index.html b/src/ranui/button/index.html
index 6d38b60886..482941ae34 100644
--- a/src/ranui/button/index.html
+++ b/src/ranui/button/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranui_button_index.md.Bv4CarK8.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranui_button_index.md.xyRWgUv8.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -50,8 +50,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;text&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;Text button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;Default button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="icon" tabindex="-1"><code>icon</code> <a class="header-anchor" href="#icon" aria-label="Permalink to &quot;`icon`&quot;">​</a></h3><p>When you need to embed an Icon inside a Button, you can set the icon property or use the Icon component directly inside a Button.</p><p>If you want to control the specific position of the Icon, you can only use the Icon component directly, not the icon property.</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="default" icon="user">Default button</r-button></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;"><r-button type="primary" icon="home">Primary button</r-button></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;default&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Default button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;home&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Primary button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="特效-effect" tabindex="-1">特效 effect <a class="header-anchor" href="#特效-effect" aria-label="Permalink to &quot;特效 effect&quot;">​</a></h3><p>If you want a pure Button, you can add effect = false to block the water ripple effect when clicked</p><r-button type="default" effect="fase" icon="user">Default button</r-button><r-button type="primary" effect="fase" icon="home">Primary button</r-button><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;default&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Default button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;home&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Primary button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Overview </span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/icon/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Icon</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;home&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Primary button&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Overview </span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/icon/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Icon</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranui/checkbox/index.html b/src/ranui/checkbox/index.html
index 8fffd7d004..75ea088027 100644
--- a/src/ranui/checkbox/index.html
+++ b/src/ranui/checkbox/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranui_checkbox_index.md.D6UQK38M.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranui_checkbox_index.md.DZWEhA_6.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -45,8 +45,8 @@
     <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/checkbox/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/checkbox/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview </p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Common</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Presentation</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/math.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Entry</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Feedback</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranui_checkbox_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="checkbox" tabindex="-1">CheckBox <a class="header-anchor" href="#checkbox" aria-label="Permalink to &quot;CheckBox&quot;">​</a></h1><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-checkbox></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="checked" tabindex="-1"><code>checked</code> <a class="header-anchor" href="#checked" aria-label="Permalink to &quot;`checked`&quot;">​</a></h3><r-checkbox checked="true"></r-checkbox><r-checkbox checked="false"></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="disabled" tabindex="-1"><code>disabled</code> <a class="header-anchor" href="#disabled" aria-label="Permalink to &quot;`disabled`&quot;">​</a></h3><r-checkbox checked="true" disabled></r-checkbox><r-checkbox checked="false" disabled></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> checked</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> disabled&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="event" tabindex="-1"><code>event</code> <a class="header-anchor" href="#event" aria-label="Permalink to &quot;`event`&quot;">​</a></h2><p>Common callback events.</p><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><r-checkbox onchange="console.log(this.checked)"></r-checkbox><r-checkbox onchange="console.log(this.checked)"></r-checkbox><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;console.log(this.checked)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;console.log(this.checked)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/math.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Math</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/tabs/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Tabs</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onchange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;console.log(this.checked)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-checkbox</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/math.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Math</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/tabs/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Tabs</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranui/icon/index.html b/src/ranui/icon/index.html
index 9d4b5c025a..486c7bd271 100644
--- a/src/ranui/icon/index.html
+++ b/src/ranui/icon/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranui_icon_index.md.Cada4EMN.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranui_icon_index.md.CCbuLCdk.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -53,8 +53,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> size</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;50&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#F44336&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;lock&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> size</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;50&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#3F51B5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="spin" tabindex="-1"><code>spin</code> <a class="header-anchor" href="#spin" aria-label="Permalink to &quot;`spin`&quot;">​</a></h3><p>Set spin to turn on the rotation, and pass in a number to control the rotation speed. The smaller the number, the faster the rotation</p><div style="display:flex;"><r-icon name="loading" size="50" color="#1E90FF" spin="0.7"></r-icon><r-icon name="loading" size="50" color="#1E90FF" spin></r-icon><r-icon name="loading" size="50" color="#1E90FF" spin="5"></r-icon></div><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;loading&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> size</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;50&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#1E90FF&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> spin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0.7&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;loading&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> size</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;50&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#1E90FF&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> spin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;loading&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> size</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;50&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#1E90FF&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> spin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="icon-list" tabindex="-1">Icon list <a class="header-anchor" href="#icon-list" aria-label="Permalink to &quot;Icon list&quot;">​</a></h2><div style="display:flex;align-items:center;justify-content:flex-start;flex-flow:row wrap;" id="icon-list"></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/button/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Button</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/loading/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Loading</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;loading&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> size</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;50&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> color</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;#1E90FF&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> spin</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;5&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="icon-list" tabindex="-1">Icon list <a class="header-anchor" href="#icon-list" aria-label="Permalink to &quot;Icon list&quot;">​</a></h2><div style="display:flex;align-items:center;justify-content:flex-start;flex-flow:row wrap;" id="icon-list"></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/button/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Button</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/loading/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Loading</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranui/image/index.html b/src/ranui/image/index.html
index 4bdafd2ac0..99503a6c29 100644
--- a/src/ranui/image/index.html
+++ b/src/ranui/image/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranui_image_index.md.iND1p-rT.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranui_image_index.md.DWE25Dbt.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/image/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/image/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview </p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Common</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Presentation</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/math.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Entry</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Feedback</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranui_image_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="image" tabindex="-1">Image <a class="header-anchor" href="#image" aria-label="Permalink to &quot;Image&quot;">​</a></h1><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> fallback</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="src" tabindex="-1"><code>src</code> <a class="header-anchor" href="#src" aria-label="Permalink to &quot;`src`&quot;">​</a></h3><p>Image address</p><h3 id="image-loading-failurefallback" tabindex="-1">Image loading failure<code>fallback</code> <a class="header-anchor" href="#image-loading-failurefallback" aria-label="Permalink to &quot;Image loading failure`fallback`&quot;">​</a></h3><p><code>src</code>Configuration of the picture loading failure, the bottom of the picture address, the following is the default loading failure picture</p><r-img fallback="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg=="></r-img></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/loading/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Loading</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/math.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Math</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/image/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/image/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview </p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Common</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Presentation</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/math.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Entry</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Feedback</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranui_image_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="image" tabindex="-1">Image <a class="header-anchor" href="#image" aria-label="Permalink to &quot;Image&quot;">​</a></h1><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> fallback</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-img</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="src" tabindex="-1"><code>src</code> <a class="header-anchor" href="#src" aria-label="Permalink to &quot;`src`&quot;">​</a></h3><p>Image address</p><h3 id="image-loading-failurefallback" tabindex="-1">Image loading failure<code>fallback</code> <a class="header-anchor" href="#image-loading-failurefallback" aria-label="Permalink to &quot;Image loading failure`fallback`&quot;">​</a></h3><p><code>src</code>Configuration of the picture loading failure, the bottom of the picture address, the following is the default loading failure picture</p><r-img fallback="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg=="></r-img></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/loading/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Loading</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/math.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Math</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranui/index.html b/src/ranui/index.html
index 28cbbb9905..7ef87dda34 100644
--- a/src/ranui/index.html
+++ b/src/ranui/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/customElements.qitHOM3M.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranui_index.md.BQzsJSIN.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranui_index.md.CLoF5T0G.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -127,8 +127,8 @@
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;0.70&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">  style</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;--ran-progress-wrap-background:linear-gradient(to right, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff, #ff0000);&quot;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><p>For specific <code>CSS3</code> variable names, refer to the introduction and description of each component.</p><h2 id="compatibility" tabindex="-1">Compatibility <a class="header-anchor" href="#compatibility" aria-label="Permalink to &quot;Compatibility&quot;">​</a></h2><ul><li>Do not support <code>IE</code>, others have better support</li></ul><p><img src="/ran/assets/customElements.DbqgaaNb.png" alt=""></p><h2 id="contributors" tabindex="-1">Contributors <a class="header-anchor" href="#contributors" aria-label="Permalink to &quot;Contributors&quot;">​</a></h2><a href="https://github.com/chaxus/ran/graphs/contributors"><img src="https://contrib.rocks/image?repo=chaxus/ran"></a><h2 id="other" tabindex="-1">Other <a class="header-anchor" href="#other" aria-label="Permalink to &quot;Other&quot;">​</a></h2><ol><li><a href="https://www.checklist.design/" target="_blank" rel="noreferrer">优秀的组件设计</a></li><li><a href="https://webgradients.com/" target="_blank" rel="noreferrer">在线生成 CSS 渐变色</a></li><li><a href="https://webgradients.com/" target="_blank" rel="noreferrer">优秀设计作品，有 psd 和 sketch</a></li><li><a href="https://spline.design/" target="_blank" rel="noreferrer">3D UI 设计，类似于 3D 版的 figma</a></li><li><a href="https://lawsofux.com/" target="_blank" rel="noreferrer">设计规范</a></li><li><a href="https://dribbble.com/" target="_blank" rel="noreferrer">优秀设计作品</a></li><li><a href="https://element.eleme.cn/#/zh-CN" target="_blank" rel="noreferrer">element UI 中文网</a></li><li><a href="https://ant.design/index-cn" target="_blank" rel="noreferrer">Ant design 中文网</a></li><li><a href="https://animista.net/" target="_blank" rel="noreferrer">在线绘制 CSS 动画</a></li><li><a href="https://www.tailwindcss.cn/resources" target="_blank" rel="noreferrer">tailwindcss</a></li><li><a href="https://animate.style/" target="_blank" rel="noreferrer">animate css</a></li><li><a href="https://caniuse.com/" target="_blank" rel="noreferrer">can i use</a></li><li><a href="https://www.figma.com/" target="_blank" rel="noreferrer">figma</a></li></ol><h2 id="protocols-and-standards" tabindex="-1">Protocols and standards <a class="header-anchor" href="#protocols-and-standards" aria-label="Permalink to &quot;Protocols and standards&quot;">​</a></h2><ol><li><a href="https://www.rfc-editor.org/" target="_blank" rel="noreferrer">RFCs</a></li><li><a href="https://www.ecma-international.org/" target="_blank" rel="noreferrer">ECMA</a></li><li><a href="https://www.w3.org/" target="_blank" rel="noreferrer">w3c</a></li></ol></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/button/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Button</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><p>For specific <code>CSS3</code> variable names, refer to the introduction and description of each component.</p><h2 id="compatibility" tabindex="-1">Compatibility <a class="header-anchor" href="#compatibility" aria-label="Permalink to &quot;Compatibility&quot;">​</a></h2><ul><li>Do not support <code>IE</code>, others have better support</li></ul><p><img src="/ran/assets/customElements.DbqgaaNb.png" alt=""></p><h2 id="contributors" tabindex="-1">Contributors <a class="header-anchor" href="#contributors" aria-label="Permalink to &quot;Contributors&quot;">​</a></h2><a href="https://github.com/chaxus/ran/graphs/contributors"><img src="https://contrib.rocks/image?repo=chaxus/ran"></a><h2 id="other" tabindex="-1">Other <a class="header-anchor" href="#other" aria-label="Permalink to &quot;Other&quot;">​</a></h2><ol><li><a href="https://www.checklist.design/" target="_blank" rel="noreferrer">优秀的组件设计</a></li><li><a href="https://webgradients.com/" target="_blank" rel="noreferrer">在线生成 CSS 渐变色</a></li><li><a href="https://webgradients.com/" target="_blank" rel="noreferrer">优秀设计作品，有 psd 和 sketch</a></li><li><a href="https://spline.design/" target="_blank" rel="noreferrer">3D UI 设计，类似于 3D 版的 figma</a></li><li><a href="https://lawsofux.com/" target="_blank" rel="noreferrer">设计规范</a></li><li><a href="https://dribbble.com/" target="_blank" rel="noreferrer">优秀设计作品</a></li><li><a href="https://element.eleme.cn/#/zh-CN" target="_blank" rel="noreferrer">element UI 中文网</a></li><li><a href="https://ant.design/index-cn" target="_blank" rel="noreferrer">Ant design 中文网</a></li><li><a href="https://animista.net/" target="_blank" rel="noreferrer">在线绘制 CSS 动画</a></li><li><a href="https://www.tailwindcss.cn/resources" target="_blank" rel="noreferrer">tailwindcss</a></li><li><a href="https://animate.style/" target="_blank" rel="noreferrer">animate css</a></li><li><a href="https://caniuse.com/" target="_blank" rel="noreferrer">can i use</a></li><li><a href="https://www.figma.com/" target="_blank" rel="noreferrer">figma</a></li></ol><h2 id="protocols-and-standards" tabindex="-1">Protocols and standards <a class="header-anchor" href="#protocols-and-standards" aria-label="Permalink to &quot;Protocols and standards&quot;">​</a></h2><ol><li><a href="https://www.rfc-editor.org/" target="_blank" rel="noreferrer">RFCs</a></li><li><a href="https://www.ecma-international.org/" target="_blank" rel="noreferrer">ECMA</a></li><li><a href="https://www.w3.org/" target="_blank" rel="noreferrer">w3c</a></li></ol></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/button/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Button</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranui/input/index.html b/src/ranui/input/index.html
index 49ffc6a23e..a64501d762 100644
--- a/src/ranui/input/index.html
+++ b/src/ranui/input/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/input-input.MnARRJC6.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranui_input_index.md.dqo--3Vk.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranui_input_index.md.BYzbt7Jg.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -53,8 +53,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> func</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">e</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(e);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">};</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">input.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">addEventListener</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;input&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, func);</span></span></code></pre></div><p>The e parameter structure of the event</p><p><img src="/ran/assets/input-input.1X1aE5oH.jpg" alt="input method"></p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/popover/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Popover</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/message/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Message</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">input.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">addEventListener</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;input&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, func);</span></span></code></pre></div><p>The e parameter structure of the event</p><p><img src="/ran/assets/input-input.1X1aE5oH.jpg" alt="input method"></p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/popover/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Popover</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/message/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Message</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranui/loading/index.html b/src/ranui/loading/index.html
index e3f69d9583..5c632d4a2a 100644
--- a/src/ranui/loading/index.html
+++ b/src/ranui/loading/index.html
@@ -14,7 +14,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/loading.vue_vue_type_style_index_0_lang.Byf79MII.js">
     <link rel="modulepreload" href="/ran/assets/chunks/index.CafPLwUV.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranui_loading_index.md.Cr0qirnC.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranui_loading_index.md.CPbTFkjm.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -38,7 +38,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -47,8 +47,8 @@
     <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/loading/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/loading/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview </p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Common</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Presentation</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/math.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Entry</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Feedback</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranui_loading_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="loading" tabindex="-1">Loading <a class="header-anchor" href="#loading" aria-label="Permalink to &quot;Loading&quot;">​</a></h1><p>Some nice looking loading.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-loading name="circle"></r-loading><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;circle&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="name" tabindex="-1"><code>name</code> <a class="header-anchor" href="#name" aria-label="Permalink to &quot;`name`&quot;">​</a></h3><p>There&#39;s a lot of different loading here</p><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="double-bounce"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="rotate"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="stretch"></r-loading></div><div style="display:inline-block;margin-right:8px;margin-bottom:12px;width:80px;height:80px;"><r-loading name="cube"></r-loading></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;double-bounce&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;rotate&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;stretch&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;cube&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="loading-list" tabindex="-1">Loading list <a class="header-anchor" href="#loading-list" aria-label="Permalink to &quot;Loading list&quot;">​</a></h2><div><h3>Move the mouse over the icon to see the loading animation</h3><!--[--><div><div class="loading"><div>stretch</div><div class="loading-icon"><r-loading name="stretch"></r-loading></div></div></div><div><div class="loading"><div>rotate</div><div class="loading-icon"><r-loading name="rotate"></r-loading></div></div></div><div><div class="loading"><div>double-bounce</div><div class="loading-icon"><r-loading name="double-bounce"></r-loading></div></div></div><div><div class="loading"><div>cube</div><div class="loading-icon"><r-loading name="cube"></r-loading></div></div></div><div><div class="loading"><div>dot</div><div class="loading-icon"><r-loading name="dot"></r-loading></div></div></div><div><div class="loading"><div>triple-bounce</div><div class="loading-icon"><r-loading name="triple-bounce"></r-loading></div></div></div><div><div class="loading"><div>scale-out</div><div class="loading-icon"><r-loading name="scale-out"></r-loading></div></div></div><div><div class="loading"><div>circle</div><div class="loading-icon"><r-loading name="circle"></r-loading></div></div></div><div><div class="loading"><div>circle-line</div><div class="loading-icon"><r-loading name="circle-line"></r-loading></div></div></div><div><div class="loading"><div>square</div><div class="loading-icon"><r-loading name="square"></r-loading></div></div></div><div><div class="loading"><div>pulse</div><div class="loading-icon"><r-loading name="pulse"></r-loading></div></div></div><div><div class="loading"><div>solar</div><div class="loading-icon"><r-loading name="solar"></r-loading></div></div></div><div><div class="loading"><div>cube-fold</div><div class="loading-icon"><r-loading name="cube-fold"></r-loading></div></div></div><div><div class="loading"><div>circle-fold</div><div class="loading-icon"><r-loading name="circle-fold"></r-loading></div></div></div><div><div class="loading"><div>cube-grid</div><div class="loading-icon"><r-loading name="cube-grid"></r-loading></div></div></div><div><div class="loading"><div>circle-turn</div><div class="loading-icon"><r-loading name="circle-turn"></r-loading></div></div></div><div><div class="loading"><div>circle-rotate</div><div class="loading-icon"><r-loading name="circle-rotate"></r-loading></div></div></div><div><div class="loading"><div>circle-spin</div><div class="loading-icon"><r-loading name="circle-spin"></r-loading></div></div></div><div><div class="loading"><div>dot-bar</div><div class="loading-icon"><r-loading name="dot-bar"></r-loading></div></div></div><div><div class="loading"><div>dot-circle</div><div class="loading-icon"><r-loading name="dot-circle"></r-loading></div></div></div><div><div class="loading"><div>line</div><div class="loading-icon"><r-loading name="line"></r-loading></div></div></div><div><div class="loading"><div>dot-pulse</div><div class="loading-icon"><r-loading name="dot-pulse"></r-loading></div></div></div><div><div class="loading"><div>line-scale</div><div class="loading-icon"><r-loading name="line-scale"></r-loading></div></div></div><div><div class="loading"><div>text</div><div class="loading-icon"><r-loading name="text"></r-loading></div></div></div><div><div class="loading"><div>cube-dim</div><div class="loading-icon"><r-loading name="cube-dim"></r-loading></div></div></div><div><div class="loading"><div>dot-line</div><div class="loading-icon"><r-loading name="dot-line"></r-loading></div></div></div><div><div class="loading"><div>arc</div><div class="loading-icon"><r-loading name="arc"></r-loading></div></div></div><div><div class="loading"><div>drop</div><div class="loading-icon"><r-loading name="drop"></r-loading></div></div></div><div><div class="loading"><div>pacman</div><div class="loading-icon"><r-loading name="pacman"></r-loading></div></div></div><!--]--></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/icon/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Icon</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/image/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Image</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> name</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;cube&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-loading</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="loading-list" tabindex="-1">Loading list <a class="header-anchor" href="#loading-list" aria-label="Permalink to &quot;Loading list&quot;">​</a></h2><div><h3>Move the mouse over the icon to see the loading animation</h3><!--[--><div><div class="loading"><div>stretch</div><div class="loading-icon"><r-loading name="stretch"></r-loading></div></div></div><div><div class="loading"><div>rotate</div><div class="loading-icon"><r-loading name="rotate"></r-loading></div></div></div><div><div class="loading"><div>double-bounce</div><div class="loading-icon"><r-loading name="double-bounce"></r-loading></div></div></div><div><div class="loading"><div>cube</div><div class="loading-icon"><r-loading name="cube"></r-loading></div></div></div><div><div class="loading"><div>dot</div><div class="loading-icon"><r-loading name="dot"></r-loading></div></div></div><div><div class="loading"><div>triple-bounce</div><div class="loading-icon"><r-loading name="triple-bounce"></r-loading></div></div></div><div><div class="loading"><div>scale-out</div><div class="loading-icon"><r-loading name="scale-out"></r-loading></div></div></div><div><div class="loading"><div>circle</div><div class="loading-icon"><r-loading name="circle"></r-loading></div></div></div><div><div class="loading"><div>circle-line</div><div class="loading-icon"><r-loading name="circle-line"></r-loading></div></div></div><div><div class="loading"><div>square</div><div class="loading-icon"><r-loading name="square"></r-loading></div></div></div><div><div class="loading"><div>pulse</div><div class="loading-icon"><r-loading name="pulse"></r-loading></div></div></div><div><div class="loading"><div>solar</div><div class="loading-icon"><r-loading name="solar"></r-loading></div></div></div><div><div class="loading"><div>cube-fold</div><div class="loading-icon"><r-loading name="cube-fold"></r-loading></div></div></div><div><div class="loading"><div>circle-fold</div><div class="loading-icon"><r-loading name="circle-fold"></r-loading></div></div></div><div><div class="loading"><div>cube-grid</div><div class="loading-icon"><r-loading name="cube-grid"></r-loading></div></div></div><div><div class="loading"><div>circle-turn</div><div class="loading-icon"><r-loading name="circle-turn"></r-loading></div></div></div><div><div class="loading"><div>circle-rotate</div><div class="loading-icon"><r-loading name="circle-rotate"></r-loading></div></div></div><div><div class="loading"><div>circle-spin</div><div class="loading-icon"><r-loading name="circle-spin"></r-loading></div></div></div><div><div class="loading"><div>dot-bar</div><div class="loading-icon"><r-loading name="dot-bar"></r-loading></div></div></div><div><div class="loading"><div>dot-circle</div><div class="loading-icon"><r-loading name="dot-circle"></r-loading></div></div></div><div><div class="loading"><div>line</div><div class="loading-icon"><r-loading name="line"></r-loading></div></div></div><div><div class="loading"><div>dot-pulse</div><div class="loading-icon"><r-loading name="dot-pulse"></r-loading></div></div></div><div><div class="loading"><div>line-scale</div><div class="loading-icon"><r-loading name="line-scale"></r-loading></div></div></div><div><div class="loading"><div>text</div><div class="loading-icon"><r-loading name="text"></r-loading></div></div></div><div><div class="loading"><div>cube-dim</div><div class="loading-icon"><r-loading name="cube-dim"></r-loading></div></div></div><div><div class="loading"><div>dot-line</div><div class="loading-icon"><r-loading name="dot-line"></r-loading></div></div></div><div><div class="loading"><div>arc</div><div class="loading-icon"><r-loading name="arc"></r-loading></div></div></div><div><div class="loading"><div>drop</div><div class="loading-icon"><r-loading name="drop"></r-loading></div></div></div><div><div class="loading"><div>pacman</div><div class="loading-icon"><r-loading name="pacman"></r-loading></div></div></div><!--]--></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/icon/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Icon</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/image/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Image</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranui/math/index.html b/src/ranui/math/index.html
index 0adeaaee81..bb74c07e59 100644
--- a/src/ranui/math/index.html
+++ b/src/ranui/math/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranui_math_index.md.CAvnqA_Q.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranui_math_index.md.BEaDYiBh.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/math/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/math/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview </p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Common</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Presentation</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/math.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Entry</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Feedback</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranui_math_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="math" tabindex="-1">math <a class="header-anchor" href="#math" aria-label="Permalink to &quot;math&quot;">​</a></h1><p>High-quality display of LaTeX in HTML pages</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-math latex="\frac{x^2}{a^2} + \frac{y^2}{b^2} = 1 \quad (a &gt; b &gt; 0)"></r-math><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;\frac{x^2}{a^2} + \frac{y^2}{b^2} = 1 \quad (a &gt; b &gt; 0)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="latex-string" tabindex="-1">latex <code>string</code> <a class="header-anchor" href="#latex-string" aria-label="Permalink to &quot;latex `string`&quot;">​</a></h3><r-math latex="x = {-b \pm \sqrt{b^2-4ac} \over 2a}"></r-math><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;x = {-b \pm \sqrt{b^2-4ac} \over 2a}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview </span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/math/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/math/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview </p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Common</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Presentation</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/math.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Entry</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Feedback</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranui_math_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="math" tabindex="-1">math <a class="header-anchor" href="#math" aria-label="Permalink to &quot;math&quot;">​</a></h1><p>High-quality display of LaTeX in HTML pages</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-math latex="\frac{x^2}{a^2} + \frac{y^2}{b^2} = 1 \quad (a &gt; b &gt; 0)"></r-math><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;\frac{x^2}{a^2} + \frac{y^2}{b^2} = 1 \quad (a &gt; b &gt; 0)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="latex-string" tabindex="-1">latex <code>string</code> <a class="header-anchor" href="#latex-string" aria-label="Permalink to &quot;latex `string`&quot;">​</a></h3><r-math latex="x = {-b \pm \sqrt{b^2-4ac} \over 2a}"></r-math><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> latex</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;x = {-b \pm \sqrt{b^2-4ac} \over 2a}&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-math</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview </span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranui/message/index.html b/src/ranui/message/index.html
index cd0bf9b2b3..0d3b059588 100644
--- a/src/ranui/message/index.html
+++ b/src/ranui/message/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranui_message_index.md.Dr_PZANG.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranui_message_index.md.C9TUA1qN.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -46,8 +46,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">warning</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;This is a hint&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Warning prompt&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">error</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;This is a hint&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Error prompt&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">success</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;This is a hint&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Success tip&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">toast</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;This is a hint&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;toast tip&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="method" tabindex="-1">Method <a class="header-anchor" href="#method" aria-label="Permalink to &quot;Method&quot;">​</a></h2><p>The component provides a number of static methods, using the following methods and parameters:</p><ol><li>You can pass only one parameter, prompt the content, the default prompt 3000 milliseconds</li></ol><p><code>message.info(&#39;This is a hint&#39;)</code></p><p><code>message.warning(&#39;This is a hint&#39;)</code></p><p><code>message.error(&#39;This is a hint&#39;)</code></p><p><code>message.success(&#39;This is a hint&#39;)</code></p><p><code>message.toast(&#39;This is a hint&#39;)&quot;</code></p><ol start="2"><li>You can also pass an object, set the prompt content, turn off the delay, and trigger the callback function when you close it</li></ol><p><code>message.info({content:&#39;This is a hint&#39;, duration: 2000, close: () =&gt; {}})</code></p><p><code>message.warning({content:&#39;This is a hint&#39;, duration: 2000, close: () =&gt; {}})</code></p><p><code>message.error({content:&#39;This is a hint&#39;, duration: 2000, close: () =&gt; {}})</code></p><p><code>message.success({content:&#39;This is a hint&#39;, duration: 2000, close: () =&gt; {}})</code></p><p><code>message.toast({content:&#39;This is a hint&#39;, duration: 2000, close: () =&gt; {}})</code></p><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>content</td><td>Prompt content</td><td><code>string</code></td></tr><tr><td>duration</td><td>Automatic shutdown delay, in milliseconds. Default 3000 ms</td><td><code>number</code></td></tr><tr><td>close</td><td>Callback function triggered when closed</td><td><code>() =&gt; void</code></td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/input/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Input</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/skeleton/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Skeleton</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onclick</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">message</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">toast</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">(&#39;This is a hint&#39;)&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;toast tip&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-button</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="method" tabindex="-1">Method <a class="header-anchor" href="#method" aria-label="Permalink to &quot;Method&quot;">​</a></h2><p>The component provides a number of static methods, using the following methods and parameters:</p><ol><li>You can pass only one parameter, prompt the content, the default prompt 3000 milliseconds</li></ol><p><code>message.info(&#39;This is a hint&#39;)</code></p><p><code>message.warning(&#39;This is a hint&#39;)</code></p><p><code>message.error(&#39;This is a hint&#39;)</code></p><p><code>message.success(&#39;This is a hint&#39;)</code></p><p><code>message.toast(&#39;This is a hint&#39;)&quot;</code></p><ol start="2"><li>You can also pass an object, set the prompt content, turn off the delay, and trigger the callback function when you close it</li></ol><p><code>message.info({content:&#39;This is a hint&#39;, duration: 2000, close: () =&gt; {}})</code></p><p><code>message.warning({content:&#39;This is a hint&#39;, duration: 2000, close: () =&gt; {}})</code></p><p><code>message.error({content:&#39;This is a hint&#39;, duration: 2000, close: () =&gt; {}})</code></p><p><code>message.success({content:&#39;This is a hint&#39;, duration: 2000, close: () =&gt; {}})</code></p><p><code>message.toast({content:&#39;This is a hint&#39;, duration: 2000, close: () =&gt; {}})</code></p><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>content</td><td>Prompt content</td><td><code>string</code></td></tr><tr><td>duration</td><td>Automatic shutdown delay, in milliseconds. Default 3000 ms</td><td><code>number</code></td></tr><tr><td>close</td><td>Callback function triggered when closed</td><td><code>() =&gt; void</code></td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/input/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Input</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/skeleton/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Skeleton</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranui/modal/index.html b/src/ranui/modal/index.html
index 17193f982f..d7b0daca37 100644
--- a/src/ranui/modal/index.html
+++ b/src/ranui/modal/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranui_modal_index.md.BChGxskG.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranui_modal_index.md.CeMIN_J0.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/modal/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/modal/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview </p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Common</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Presentation</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/math.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Entry</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Feedback</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranui_modal_" data-v-9f8645df><div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview </span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/modal/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/modal/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview </p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Common</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Presentation</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/math.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Entry</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Feedback</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranui_modal_" data-v-9f8645df><div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview </span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranui/player/index.html b/src/ranui/player/index.html
index 4ad5168d6e..a5ce0ee554 100644
--- a/src/ranui/player/index.html
+++ b/src/ranui/player/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranui_player_index.md.DSXQVeNM.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranui_player_index.md.DwTQwuCV.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/player/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/player/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview </p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Common</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Presentation</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/math.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Entry</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Feedback</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranui_player_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="r-player" tabindex="-1">r-player <a class="header-anchor" href="#r-player" aria-label="Permalink to &quot;r-player&quot;">​</a></h1><p>Video player</p><p>Based on &#39;hlsjs&#39; and&#39; web components&#39;, let the native tag &#39;r-player&#39; have a unified video control. Do not use the &#39;new Player(options)&#39; way to mount to the specified &#39;dom&#39;, view return view, logic return logic, see and get, more intuitive.</p><ol><li>Drag and drop the progress bar</li><li>Volume control</li><li>The bitrate is automatically switched based on the current bandwidth</li><li>Manual definition switch</li><li>Play at double speed</li><li>Style custom overlay</li><li>&#39;hls&#39; protocol standard encryption video playback</li><li>Based on native development, it can run in all frameworks and unify the cross-framework situation</li><li>Unified browser controls</li></ol><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-player style="display:block;width:100%;max-width:600px;height:300px;" src="/ran/hls/example.m3u8"></r-player><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;/ran/hls/example.m3u8&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="src" tabindex="-1">src <a class="header-anchor" href="#src" aria-label="Permalink to &quot;src&quot;">​</a></h3><p>Resource address of the video</p><h3 id="volume" tabindex="-1">volume <a class="header-anchor" href="#volume" aria-label="Permalink to &quot;volume&quot;">​</a></h3><p>Set the initial volume. The default is 0.5</p><h3 id="currenttime" tabindex="-1">currentTime <a class="header-anchor" href="#currenttime" aria-label="Permalink to &quot;currentTime&quot;">​</a></h3><p>Set the initial playback time. By default, the playback starts from the beginning</p><h3 id="playbackrate" tabindex="-1">playbackRate <a class="header-anchor" href="#playbackrate" aria-label="Permalink to &quot;playbackRate&quot;">​</a></h3><p>Set the double speed. The default is 1.0</p><h3 id="debug" tabindex="-1">debug <a class="header-anchor" href="#debug" aria-label="Permalink to &quot;debug&quot;">​</a></h3><p>console.log some info</p><h2 id="event" tabindex="-1"><code>event</code> <a class="header-anchor" href="#event" aria-label="Permalink to &quot;`event`&quot;">​</a></h2><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>Listen for any player changes, and the value returned is as follows.</p><p>An &#39;instance of the player&#39; can be obtained through this method.</p><p>Live by &#39;type&#39; to judge different event types, perform different operations</p><table tabindex="0"><thead><tr><th>property</th><th>explains that</th><th>is of type</th></tr></thead><tbody><tr><td>type</td><td>Indicates the type of the changed event</td><td>&#39;string&#39;</td></tr><tr><td>data</td><td>The value of the</td><td>&#39;Object&#39;</td></tr><tr><td>currentTime</td><td>The current playback time</td><td>&#39;number&#39;</td></tr><tr><td>duration</td><td>Total duration of videos</td><td>&#39;number&#39;</td></tr><tr><td>tag</td><td>An example of the player</td><td>&#39;Element&#39;</td></tr></tbody></table><p>Where &#39;type&#39; type has</p><table tabindex="0"><thead><tr><th>Name</th><th>Description</th></tr></thead><tbody><tr><td>canplay</td><td>Your browser is ready to play the media file, but it probably doesn&#39;t have enough data to play it to the end without pausing to buffer the content further.</td></tr><tr><td>canplaythrough</td><td>The browser estimates that it canplay media until the end without stopping content buffering.</td></tr><tr><td>complete</td><td>OfflineAudioContext The rendering is complete.</td></tr><tr><td>durationchange</td><td>duration is triggered when the value of the duration property changes.</td></tr><tr><td>emptied</td><td>Media content emptied; For example, when the media is already loaded (or partially loaded), this event is sent and the load() method is called to reload it.</td></tr><tr><td>ended</td><td>The video stops playing because the media has reached the end point.</td></tr><tr><td>loadedmetadata</td><td>The metadata is loaded.</td></tr><tr><td>progress</td><td>is triggered periodically when the browser loads the resource.</td></tr><tr><td>ratechange</td><td>The play rate changes.</td></tr><tr><td>seeked</td><td>The seek operation is complete.</td></tr><tr><td>seeking</td><td>seek begins.</td></tr><tr><td>stalled</td><td>The user agent is trying to obtain media data but it has not appeared unexpectedly.</td></tr><tr><td>suspend</td><td>Media data loading has been suspended.</td></tr><tr><td>loadeddata</td><td>The first frame in media has been added. media has loaded.</td></tr><tr><td>timeupdate</td><td>The time specified by the currentTime property changes. currentTime attribute has changed.</td></tr><tr><td>volumechange</td><td>The volume changes.</td></tr><tr><td>waiting</td><td>Playing has stopped due to lack of data.</td></tr><tr><td>play</td><td>Playback has started.</td></tr><tr><td>playing</td><td>After a pause or delay due to lack of data, playback is ready to begin.</td></tr><tr><td>pause</td><td>Play is paused.</td></tr><tr><td>volume</td><td>The volume changes.</td></tr><tr><td>fullscreen</td><td>Triggers a full-screen event</td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/select/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Select</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/progress/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Progress</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/player/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/player/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview </p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Common</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Presentation</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/math.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Entry</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Feedback</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranui_player_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="r-player" tabindex="-1">r-player <a class="header-anchor" href="#r-player" aria-label="Permalink to &quot;r-player&quot;">​</a></h1><p>Video player</p><p>Based on &#39;hlsjs&#39; and&#39; web components&#39;, let the native tag &#39;r-player&#39; have a unified video control. Do not use the &#39;new Player(options)&#39; way to mount to the specified &#39;dom&#39;, view return view, logic return logic, see and get, more intuitive.</p><ol><li>Drag and drop the progress bar</li><li>Volume control</li><li>The bitrate is automatically switched based on the current bandwidth</li><li>Manual definition switch</li><li>Play at double speed</li><li>Style custom overlay</li><li>&#39;hls&#39; protocol standard encryption video playback</li><li>Based on native development, it can run in all frameworks and unify the cross-framework situation</li><li>Unified browser controls</li></ol><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><r-player style="display:block;width:100%;max-width:600px;height:300px;" src="/ran/hls/example.m3u8"></r-player><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;/ran/hls/example.m3u8&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-player</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="src" tabindex="-1">src <a class="header-anchor" href="#src" aria-label="Permalink to &quot;src&quot;">​</a></h3><p>Resource address of the video</p><h3 id="volume" tabindex="-1">volume <a class="header-anchor" href="#volume" aria-label="Permalink to &quot;volume&quot;">​</a></h3><p>Set the initial volume. The default is 0.5</p><h3 id="currenttime" tabindex="-1">currentTime <a class="header-anchor" href="#currenttime" aria-label="Permalink to &quot;currentTime&quot;">​</a></h3><p>Set the initial playback time. By default, the playback starts from the beginning</p><h3 id="playbackrate" tabindex="-1">playbackRate <a class="header-anchor" href="#playbackrate" aria-label="Permalink to &quot;playbackRate&quot;">​</a></h3><p>Set the double speed. The default is 1.0</p><h3 id="debug" tabindex="-1">debug <a class="header-anchor" href="#debug" aria-label="Permalink to &quot;debug&quot;">​</a></h3><p>console.log some info</p><h2 id="event" tabindex="-1"><code>event</code> <a class="header-anchor" href="#event" aria-label="Permalink to &quot;`event`&quot;">​</a></h2><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>Listen for any player changes, and the value returned is as follows.</p><p>An &#39;instance of the player&#39; can be obtained through this method.</p><p>Live by &#39;type&#39; to judge different event types, perform different operations</p><table tabindex="0"><thead><tr><th>property</th><th>explains that</th><th>is of type</th></tr></thead><tbody><tr><td>type</td><td>Indicates the type of the changed event</td><td>&#39;string&#39;</td></tr><tr><td>data</td><td>The value of the</td><td>&#39;Object&#39;</td></tr><tr><td>currentTime</td><td>The current playback time</td><td>&#39;number&#39;</td></tr><tr><td>duration</td><td>Total duration of videos</td><td>&#39;number&#39;</td></tr><tr><td>tag</td><td>An example of the player</td><td>&#39;Element&#39;</td></tr></tbody></table><p>Where &#39;type&#39; type has</p><table tabindex="0"><thead><tr><th>Name</th><th>Description</th></tr></thead><tbody><tr><td>canplay</td><td>Your browser is ready to play the media file, but it probably doesn&#39;t have enough data to play it to the end without pausing to buffer the content further.</td></tr><tr><td>canplaythrough</td><td>The browser estimates that it canplay media until the end without stopping content buffering.</td></tr><tr><td>complete</td><td>OfflineAudioContext The rendering is complete.</td></tr><tr><td>durationchange</td><td>duration is triggered when the value of the duration property changes.</td></tr><tr><td>emptied</td><td>Media content emptied; For example, when the media is already loaded (or partially loaded), this event is sent and the load() method is called to reload it.</td></tr><tr><td>ended</td><td>The video stops playing because the media has reached the end point.</td></tr><tr><td>loadedmetadata</td><td>The metadata is loaded.</td></tr><tr><td>progress</td><td>is triggered periodically when the browser loads the resource.</td></tr><tr><td>ratechange</td><td>The play rate changes.</td></tr><tr><td>seeked</td><td>The seek operation is complete.</td></tr><tr><td>seeking</td><td>seek begins.</td></tr><tr><td>stalled</td><td>The user agent is trying to obtain media data but it has not appeared unexpectedly.</td></tr><tr><td>suspend</td><td>Media data loading has been suspended.</td></tr><tr><td>loadeddata</td><td>The first frame in media has been added. media has loaded.</td></tr><tr><td>timeupdate</td><td>The time specified by the currentTime property changes. currentTime attribute has changed.</td></tr><tr><td>volumechange</td><td>The volume changes.</td></tr><tr><td>waiting</td><td>Playing has stopped due to lack of data.</td></tr><tr><td>play</td><td>Playback has started.</td></tr><tr><td>playing</td><td>After a pause or delay due to lack of data, playback is ready to begin.</td></tr><tr><td>pause</td><td>Play is paused.</td></tr><tr><td>volume</td><td>The volume changes.</td></tr><tr><td>fullscreen</td><td>Triggers a full-screen event</td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/select/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Select</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/progress/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Progress</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranui/popover/index.html b/src/ranui/popover/index.html
index 0eed0c36ab..28680ec7f4 100644
--- a/src/ranui/popover/index.html
+++ b/src/ranui/popover/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranui_popover_index.md.4cp6AOCz.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranui_popover_index.md.PFeffqLM.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -67,8 +67,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;top&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-popover</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/progress/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Progress</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/input/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Input</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-popover</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/progress/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Progress</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/input/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Input</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranui/preview/index.html b/src/ranui/preview/index.html
index 402d55a365..c4892c0ead 100644
--- a/src/ranui/preview/index.html
+++ b/src/ranui/preview/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranui_preview_index.md.GrIEkeLk.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranui_preview_index.md.hkKqqHBY.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -61,8 +61,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      }</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    };</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  };</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="src" tabindex="-1"><code>src</code> <a class="header-anchor" href="#src" aria-label="Permalink to &quot;`src`&quot;">​</a></h3><p>If there is a &#39;src&#39; address, the popup window will be opened, and if there is no &#39;src&#39;, it will not be displayed</p><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="closeable" tabindex="-1"><code>closeable</code> <a class="header-anchor" href="#closeable" aria-label="Permalink to &quot;`closeable`&quot;">​</a></h3><p>&#39;closeable&#39; defaults to &#39;true&#39; and can be closed, when set to &#39;false&#39;, it cannot be closed, and the close button in the upper right corner will not be displayed</p><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> closeable</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/tabs/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Tabs</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/radar/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Radar</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="attribute" tabindex="-1">Attribute <a class="header-anchor" href="#attribute" aria-label="Permalink to &quot;Attribute&quot;">​</a></h2><h3 id="src" tabindex="-1"><code>src</code> <a class="header-anchor" href="#src" aria-label="Permalink to &quot;`src`&quot;">​</a></h3><p>If there is a &#39;src&#39; address, the popup window will be opened, and if there is no &#39;src&#39;, it will not be displayed</p><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> src</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="closeable" tabindex="-1"><code>closeable</code> <a class="header-anchor" href="#closeable" aria-label="Permalink to &quot;`closeable`&quot;">​</a></h3><p>&#39;closeable&#39; defaults to &#39;true&#39; and can be closed, when set to &#39;false&#39;, it cannot be closed, and the close button in the upper right corner will not be displayed</p><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> closeable</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-preview</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/tabs/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Tabs</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/radar/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Radar</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranui/progress/index.html b/src/ranui/progress/index.html
index 39071867e2..a7be3588a3 100644
--- a/src/ranui/progress/index.html
+++ b/src/ranui/progress/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranui_progress_index.md.Be_sOmHB.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranui_progress_index.md.CubSOb3E.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -48,8 +48,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;100%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="dot" tabindex="-1"><code>dot</code> <a class="header-anchor" href="#dot" aria-label="Permalink to &quot;`dot`&quot;">​</a></h3><p>Point of the progress bar, Default display, set to &#39;false&#39; can be hidden</p><r-progress type="drag" percent="30%" dot="false"></r-progress><div style="height:20px;width:10px;"></div><r-progress type="primary" percent="40%" dot="true"></r-progress><div style="height:20px;width:10px;"></div><r-progress type="primary" percent="40%"></r-progress><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;false&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> dot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;true&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="type" tabindex="-1"><code>type</code> <a class="header-anchor" href="#type" aria-label="Permalink to &quot;`type`&quot;">​</a></h3><ul><li><code>primary</code>: Default progress bar, not setting the &#39;type&#39; attribute is the default</li><li><code>drag</code>: Draggable, clickable progress bar (dragging requires&#39; dot &#39;to be&#39; true &#39;)</li></ul><r-progress type="drag" percent="30%"></r-progress><div style="height:20px;width:10px;"></div><r-progress type="primary" percent="40%"></r-progress><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="method" tabindex="-1">Method <a class="header-anchor" href="#method" aria-label="Permalink to &quot;Method&quot;">​</a></h2><h3 id="change" tabindex="-1"><code>change</code> <a class="header-anchor" href="#change" aria-label="Permalink to &quot;`change`&quot;">​</a></h3><p>The &#39;change&#39; event is triggered when the &#39;percent&#39; and &#39;total&#39; properties change.</p><table tabindex="0"><thead><tr><th>property</th><th>explains that</th><th>type</th></tr></thead><tbody><tr><td>value</td><td>Current progress</td><td>&#39;string or number&#39;</td></tr><tr><td>percent</td><td>Current progress</td><td>&#39;string or number&#39;</td></tr><tr><td>total</td><td>Total progress</td><td>&#39;string or number&#39;</td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/player/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Player</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/popover/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Popover</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="type" tabindex="-1"><code>type</code> <a class="header-anchor" href="#type" aria-label="Permalink to &quot;`type`&quot;">​</a></h3><ul><li><code>primary</code>: Default progress bar, not setting the &#39;type&#39; attribute is the default</li><li><code>drag</code>: Draggable, clickable progress bar (dragging requires&#39; dot &#39;to be&#39; true &#39;)</li></ul><r-progress type="drag" percent="30%"></r-progress><div style="height:20px;width:10px;"></div><r-progress type="primary" percent="40%"></r-progress><div class="language-html vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">html</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;drag&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;30%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;primary&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> percent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;40%&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-progress</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h2 id="method" tabindex="-1">Method <a class="header-anchor" href="#method" aria-label="Permalink to &quot;Method&quot;">​</a></h2><h3 id="change" tabindex="-1"><code>change</code> <a class="header-anchor" href="#change" aria-label="Permalink to &quot;`change`&quot;">​</a></h3><p>The &#39;change&#39; event is triggered when the &#39;percent&#39; and &#39;total&#39; properties change.</p><table tabindex="0"><thead><tr><th>property</th><th>explains that</th><th>type</th></tr></thead><tbody><tr><td>value</td><td>Current progress</td><td>&#39;string or number&#39;</td></tr><tr><td>percent</td><td>Current progress</td><td>&#39;string or number&#39;</td></tr><tr><td>total</td><td>Total progress</td><td>&#39;string or number&#39;</td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/player/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Player</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/popover/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Popover</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranui/radar/index.html b/src/ranui/radar/index.html
index 13be0cb53d..44618b9109 100644
--- a/src/ranui/radar/index.html
+++ b/src/ranui/radar/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranui_radar_index.md.CkBeOv58.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranui_radar_index.md.DVubbf7p.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -96,8 +96,8 @@
 <span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">    &quot;abilityName&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;Critical hit damage&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
 <span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">    &quot;scoreRate&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;50&quot;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/preview/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Preview</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/select/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Select</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/preview/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Preview</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/select/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Select</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranui/select/index.html b/src/ranui/select/index.html
index 2060f25b0a..b70e8f13eb 100644
--- a/src/ranui/select/index.html
+++ b/src/ranui/select/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranui_select_index.md.DgN8GI_q.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranui_select_index.md.DQq3MVHp.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -83,8 +83,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;185&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Mike&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;186&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Tom&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> value</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;187&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Lucy&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-option</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-select</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/radar/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Radar</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/player/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Player</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-select</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/radar/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Radar</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/player/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Player</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranui/skeleton/index.html b/src/ranui/skeleton/index.html
index 46cf71fb5c..7495766a10 100644
--- a/src/ranui/skeleton/index.html
+++ b/src/ranui/skeleton/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranui_skeleton_index.md.DnZOMEV1.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranui_skeleton_index.md.BUf_Burp.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/skeleton/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/skeleton/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview </p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Common</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Presentation</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/math.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Entry</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Feedback</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranui_skeleton_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="skeleton" tabindex="-1">skeleton <a class="header-anchor" href="#skeleton" aria-label="Permalink to &quot;skeleton&quot;">​</a></h1><p>Provides a combination of placeholder graphics where you need to wait for content to load.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><p>The skeleton length follows the length of the parent element</p><div style="width:100px;margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="width:200px;margin-top:10px;"><r-skeleton></r-skeleton></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/message/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Message</span><!--]--></a></div><div class="pager" data-v-00ab7d08><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/skeleton/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranui/skeleton/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview </p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Common</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/button/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Button</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/icon/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Icon</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/loading/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Loading</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Presentation</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/image/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/math.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Math</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/checkbox/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>CheckBox</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/tabs/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Tabs</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/preview/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Preview</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/radar/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Radar</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/select/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Select</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/player/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Player</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/progress/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Progress</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/popover/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Popover</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Data Entry</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/input/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Input</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Feedback</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/message/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Message</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranui/skeleton/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Skeleton</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranui_skeleton_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="skeleton" tabindex="-1">skeleton <a class="header-anchor" href="#skeleton" aria-label="Permalink to &quot;skeleton&quot;">​</a></h1><p>Provides a combination of placeholder graphics where you need to wait for content to load.</p><h2 id="code-demo" tabindex="-1">Code demo <a class="header-anchor" href="#code-demo" aria-label="Permalink to &quot;Code demo&quot;">​</a></h2><p>The skeleton length follows the length of the parent element</p><div style="width:100px;margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="margin-top:10px;"><r-skeleton></r-skeleton></div><div style="width:200px;margin-top:10px;"><r-skeleton></r-skeleton></div><div class="language-xml vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">xml</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> &gt;&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-skeleton</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/message/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Message</span><!--]--></a></div><div class="pager" data-v-00ab7d08><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranui/tab/index.html b/src/ranui/tab/index.html
index 5c4aaa2cc7..1d6830de55 100644
--- a/src/ranui/tab/index.html
+++ b/src/ranui/tab/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranui_tab_index.md.CciVbuSi.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranui_tab_index.md.DSSJuz31.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -84,8 +84,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;11111&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab2&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;22222&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> label</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;tab3&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;33333&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview </span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview </span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranui/tabs/index.html b/src/ranui/tabs/index.html
index 2a38fcc0e7..2be69fd25e 100644
--- a/src/ranui/tabs/index.html
+++ b/src/ranui/tabs/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranui_tabs_index.md.CkEcQ38o.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranui_tabs_index.md.Y_dSHlvB.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -66,8 +66,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;home&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> iconSize</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;22&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;tab1&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;message&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> iconSize</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;22&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;tab2&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> icon</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;user&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> iconSize</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;22&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;tab3&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tab</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="type" tabindex="-1">&#39;type&#39; <a class="header-anchor" href="#type" aria-label="Permalink to &quot;&#39;type&#39;&quot;">​</a></h3><p>The style is text, clean,</p><h2 id="event" tabindex="-1">event &#39; <a class="header-anchor" href="#event" aria-label="Permalink to &quot;event &#39;&quot;">​</a></h2><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>Triggered when the switch is complete.</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/checkbox/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>CheckBox</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/preview/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Preview</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">r-tabs</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><h3 id="type" tabindex="-1">&#39;type&#39; <a class="header-anchor" href="#type" aria-label="Permalink to &quot;&#39;type&#39;&quot;">​</a></h3><p>The style is text, clean,</p><h2 id="event" tabindex="-1">event &#39; <a class="header-anchor" href="#event" aria-label="Permalink to &quot;event &#39;&quot;">​</a></h2><h3 id="onchange" tabindex="-1">onchange <a class="header-anchor" href="#onchange" aria-label="Permalink to &quot;onchange&quot;">​</a></h3><p>Triggered when the switch is complete.</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranui/checkbox/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>CheckBox</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranui/preview/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Preview</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranuts/binaryTree/index.html b/src/ranuts/binaryTree/index.html
index ce348c73b5..2b1d82cf01 100644
--- a/src/ranuts/binaryTree/index.html
+++ b/src/ranuts/binaryTree/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/balanceTree.CCEoBiag.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranuts_binaryTree_index.md.DvglfkNJ.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranuts_binaryTree_index.md.TEku7NN9.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,14 +37,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/binaryTree/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/binaryTree/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Universal Function</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Filter object</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Statistical execution time</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>String to xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image to base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR text recognition`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Document</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Example Query details about a file</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read the name of the file in the directory</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Listen for file changes</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read file contents</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Append file content</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Write to file content</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Design Pattern</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Publish-subscribe model</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Get mime by file suffix type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranuts_binaryTree_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="二叉树的定义" tabindex="-1">二叉树的定义 <a class="header-anchor" href="#二叉树的定义" aria-label="Permalink to &quot;二叉树的定义&quot;">​</a></h1><p>在计算机科学中，二叉树（Binary tree）是每个节点最多只有两个分支（即不存在分支度大于 2 的节点）的树结构。通常分支被称作“左子树”或“右子树”。二叉树的分支具有左右次序，不能随意颠倒<a href="#参考文档"><sup>[1]</sup></a>。。</p><h1 id="二叉树的性质" tabindex="-1">二叉树的性质 <a class="header-anchor" href="#二叉树的性质" aria-label="Permalink to &quot;二叉树的性质&quot;">​</a></h1><ul><li>在二叉树的第 i 层上最多有 2^(i-1)个结点（i&gt;=1）</li><li>深度为 h 的二叉树，最多有 2^h-1 个结点，最少有 h 个结点（h&gt;=1）</li><li>包含 n 个结点的二叉树的高度至少为(log2n)+1</li><li>非空的二叉树，分支度为 0 的总数为 n0，分支度为 2 的总数为 n2，则 n0=n2+1</li><li>二叉树的总结点数 n = n1 + n2 + n0</li><li>总连线数等于总节点数减一(B = n - 1)</li><li>总连线数等于分支度为 2 的节点的两倍加上分支度为 1 的节点(B = n2 _ 2 + n1 _ 1)</li></ul><h1 id="二叉树的类型" tabindex="-1">二叉树的类型 <a class="header-anchor" href="#二叉树的类型" aria-label="Permalink to &quot;二叉树的类型&quot;">​</a></h1><h2 id="满二叉树" tabindex="-1">满二叉树 <a class="header-anchor" href="#满二叉树" aria-label="Permalink to &quot;满二叉树&quot;">​</a></h2><p>一棵深度为 k 且有 2k-1 个节点的二叉树称为满二叉树。 除最后一层无任何子节点外，每一层上的所有结点都有两个子结点的二叉树<a href="#参考文档"><sup>[2]</sup></a>。</p><h2 id="完全二叉树" tabindex="-1">完全二叉树 <a class="header-anchor" href="#完全二叉树" aria-label="Permalink to &quot;完全二叉树&quot;">​</a></h2><p>一棵深度为 k 的有 n 个结点的二叉树，对树中的结点按从上至下、从左到右的顺序进行编号，如果编号为 i（1≤i≤n）的结点与满二叉树中编号为 i 的结点在二叉树中的位置相同，则这棵二叉树称为完全二叉树。</p><h2 id="二叉搜索树" tabindex="-1">二叉搜索树 <a class="header-anchor" href="#二叉搜索树" aria-label="Permalink to &quot;二叉搜索树&quot;">​</a></h2><p>二叉搜索树（BST）又称二叉查找树或二叉排序树。它或者是一棵空树，或者是具有下列性质的二叉树： 若它的左子树不空，则左子树上所有结点的值均小于它的根结点的值； 若它的右子树不空，则右子树上所有结点的值均大于它的根结点的值； 它的左、右子树也分别为二叉排序树。</p><h2 id="平衡二叉树" tabindex="-1">平衡二叉树 <a class="header-anchor" href="#平衡二叉树" aria-label="Permalink to &quot;平衡二叉树&quot;">​</a></h2><p>平衡二叉树(AVL)一定是二叉搜索树，且左子树和右子树的高度差的绝对值不超过 1。 <img src="/ran/assets/balanceTree.DP_9yIkO.png" alt="平衡二叉树"></p><h2 id="b-树" tabindex="-1">B 树 <a class="header-anchor" href="#b-树" aria-label="Permalink to &quot;B 树&quot;">​</a></h2><p>B 树属于多叉树又名平衡多路查找树（查找路径不只两个）</p><h2 id="b-树-1" tabindex="-1">B+树 <a class="header-anchor" href="#b-树-1" aria-label="Permalink to &quot;B+树&quot;">​</a></h2><p>B+树是 B 树的变体，也是一种多路搜索树。</p><h2 id="b-树-2" tabindex="-1">B*树 <a class="header-anchor" href="#b-树-2" aria-label="Permalink to &quot;B\*树&quot;">​</a></h2><p>B* 树是 B+树的变体，在 B+树的非根和非叶子结点再增加指向兄弟的指针；B* 树定义了非叶子结点关键字个数至少为(2/3)<em>M，即块的最低使用率为 2/3（代替 B+树的 1/2）。B</em> 树分配新结点的概率比 B+树要低，空间使用率更高；</p><h2 id="红黑树" tabindex="-1">红黑树 <a class="header-anchor" href="#红黑树" aria-label="Permalink to &quot;红黑树&quot;">​</a></h2><p>红黑树是一种平衡二叉查找树的变体，它的左右子树高差有可能大于 1，所以红黑树不是严格意义上的平衡二叉树（AVL），但对它进行平衡的代价较低， 其平均统计性能要强于 AVL 。</p><h2 id="堆" tabindex="-1">堆 <a class="header-anchor" href="#堆" aria-label="Permalink to &quot;堆&quot;">​</a></h2><h1 id="遍历" tabindex="-1">遍历 <a class="header-anchor" href="#遍历" aria-label="Permalink to &quot;遍历&quot;">​</a></h1><h2 id="前序遍历" tabindex="-1">前序遍历 <a class="header-anchor" href="#前序遍历" aria-label="Permalink to &quot;前序遍历&quot;">​</a></h2><h2 id="后序遍历" tabindex="-1">后序遍历 <a class="header-anchor" href="#后序遍历" aria-label="Permalink to &quot;后序遍历&quot;">​</a></h2><h2 id="中序遍历" tabindex="-1">中序遍历 <a class="header-anchor" href="#中序遍历" aria-label="Permalink to &quot;中序遍历&quot;">​</a></h2><h2 id="层序遍历" tabindex="-1">层序遍历 <a class="header-anchor" href="#层序遍历" aria-label="Permalink to &quot;层序遍历&quot;">​</a></h2><h1 id="常见算法题" tabindex="-1">常见算法题 <a class="header-anchor" href="#常见算法题" aria-label="Permalink to &quot;常见算法题&quot;">​</a></h1><h2 id="镜像二叉树" tabindex="-1">镜像二叉树 <a class="header-anchor" href="#镜像二叉树" aria-label="Permalink to &quot;镜像二叉树&quot;">​</a></h2><h2 id="重建二叉树" tabindex="-1">重建二叉树 <a class="header-anchor" href="#重建二叉树" aria-label="Permalink to &quot;重建二叉树&quot;">​</a></h2><h2 id="二叉树深度" tabindex="-1">二叉树深度 <a class="header-anchor" href="#二叉树深度" aria-label="Permalink to &quot;二叉树深度&quot;">​</a></h2><h2 id="二叉树节点总数" tabindex="-1">二叉树节点总数 <a class="header-anchor" href="#二叉树节点总数" aria-label="Permalink to &quot;二叉树节点总数&quot;">​</a></h2><h2 id="判断二叉树子结构" tabindex="-1">判断二叉树子结构 <a class="header-anchor" href="#判断二叉树子结构" aria-label="Permalink to &quot;判断二叉树子结构&quot;">​</a></h2><p>输入两棵二叉树 A 和 B，判断 B 是不是 A 的子结构。（ps：约定空树不是任意一个树的子结构）</p><h1 id="参考文档" tabindex="-1">参考文档 <a class="header-anchor" href="#参考文档" aria-label="Permalink to &quot;参考文档&quot;">​</a></h1><ol><li><a href="https://zh.wikipedia.org/wiki/%E4%BA%8C%E5%8F%89%E6%A0%91" target="_blank" rel="noreferrer">维基百科二叉树</a></li><li><a href="https://baike.baidu.com/item/%E6%BB%A1%E4%BA%8C%E5%8F%89%E6%A0%91/7773283" target="_blank" rel="noreferrer">百度百科满二叉树</a></li></ol></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/binaryTree/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/binaryTree/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Universal Function</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Filter object</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Statistical execution time</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>String to xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image to base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR text recognition`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Document</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Example Query details about a file</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read the name of the file in the directory</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Listen for file changes</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read file contents</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Append file content</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Write to file content</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Design Pattern</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Publish-subscribe model</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Get mime by file suffix type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranuts_binaryTree_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="二叉树的定义" tabindex="-1">二叉树的定义 <a class="header-anchor" href="#二叉树的定义" aria-label="Permalink to &quot;二叉树的定义&quot;">​</a></h1><p>在计算机科学中，二叉树（Binary tree）是每个节点最多只有两个分支（即不存在分支度大于 2 的节点）的树结构。通常分支被称作“左子树”或“右子树”。二叉树的分支具有左右次序，不能随意颠倒<a href="#参考文档"><sup>[1]</sup></a>。。</p><h1 id="二叉树的性质" tabindex="-1">二叉树的性质 <a class="header-anchor" href="#二叉树的性质" aria-label="Permalink to &quot;二叉树的性质&quot;">​</a></h1><ul><li>在二叉树的第 i 层上最多有 2^(i-1)个结点（i&gt;=1）</li><li>深度为 h 的二叉树，最多有 2^h-1 个结点，最少有 h 个结点（h&gt;=1）</li><li>包含 n 个结点的二叉树的高度至少为(log2n)+1</li><li>非空的二叉树，分支度为 0 的总数为 n0，分支度为 2 的总数为 n2，则 n0=n2+1</li><li>二叉树的总结点数 n = n1 + n2 + n0</li><li>总连线数等于总节点数减一(B = n - 1)</li><li>总连线数等于分支度为 2 的节点的两倍加上分支度为 1 的节点(B = n2 _ 2 + n1 _ 1)</li></ul><h1 id="二叉树的类型" tabindex="-1">二叉树的类型 <a class="header-anchor" href="#二叉树的类型" aria-label="Permalink to &quot;二叉树的类型&quot;">​</a></h1><h2 id="满二叉树" tabindex="-1">满二叉树 <a class="header-anchor" href="#满二叉树" aria-label="Permalink to &quot;满二叉树&quot;">​</a></h2><p>一棵深度为 k 且有 2k-1 个节点的二叉树称为满二叉树。 除最后一层无任何子节点外，每一层上的所有结点都有两个子结点的二叉树<a href="#参考文档"><sup>[2]</sup></a>。</p><h2 id="完全二叉树" tabindex="-1">完全二叉树 <a class="header-anchor" href="#完全二叉树" aria-label="Permalink to &quot;完全二叉树&quot;">​</a></h2><p>一棵深度为 k 的有 n 个结点的二叉树，对树中的结点按从上至下、从左到右的顺序进行编号，如果编号为 i（1≤i≤n）的结点与满二叉树中编号为 i 的结点在二叉树中的位置相同，则这棵二叉树称为完全二叉树。</p><h2 id="二叉搜索树" tabindex="-1">二叉搜索树 <a class="header-anchor" href="#二叉搜索树" aria-label="Permalink to &quot;二叉搜索树&quot;">​</a></h2><p>二叉搜索树（BST）又称二叉查找树或二叉排序树。它或者是一棵空树，或者是具有下列性质的二叉树： 若它的左子树不空，则左子树上所有结点的值均小于它的根结点的值； 若它的右子树不空，则右子树上所有结点的值均大于它的根结点的值； 它的左、右子树也分别为二叉排序树。</p><h2 id="平衡二叉树" tabindex="-1">平衡二叉树 <a class="header-anchor" href="#平衡二叉树" aria-label="Permalink to &quot;平衡二叉树&quot;">​</a></h2><p>平衡二叉树(AVL)一定是二叉搜索树，且左子树和右子树的高度差的绝对值不超过 1。 <img src="/ran/assets/balanceTree.DP_9yIkO.png" alt="平衡二叉树"></p><h2 id="b-树" tabindex="-1">B 树 <a class="header-anchor" href="#b-树" aria-label="Permalink to &quot;B 树&quot;">​</a></h2><p>B 树属于多叉树又名平衡多路查找树（查找路径不只两个）</p><h2 id="b-树-1" tabindex="-1">B+树 <a class="header-anchor" href="#b-树-1" aria-label="Permalink to &quot;B+树&quot;">​</a></h2><p>B+树是 B 树的变体，也是一种多路搜索树。</p><h2 id="b-树-2" tabindex="-1">B*树 <a class="header-anchor" href="#b-树-2" aria-label="Permalink to &quot;B\*树&quot;">​</a></h2><p>B* 树是 B+树的变体，在 B+树的非根和非叶子结点再增加指向兄弟的指针；B* 树定义了非叶子结点关键字个数至少为(2/3)<em>M，即块的最低使用率为 2/3（代替 B+树的 1/2）。B</em> 树分配新结点的概率比 B+树要低，空间使用率更高；</p><h2 id="红黑树" tabindex="-1">红黑树 <a class="header-anchor" href="#红黑树" aria-label="Permalink to &quot;红黑树&quot;">​</a></h2><p>红黑树是一种平衡二叉查找树的变体，它的左右子树高差有可能大于 1，所以红黑树不是严格意义上的平衡二叉树（AVL），但对它进行平衡的代价较低， 其平均统计性能要强于 AVL 。</p><h2 id="堆" tabindex="-1">堆 <a class="header-anchor" href="#堆" aria-label="Permalink to &quot;堆&quot;">​</a></h2><h1 id="遍历" tabindex="-1">遍历 <a class="header-anchor" href="#遍历" aria-label="Permalink to &quot;遍历&quot;">​</a></h1><h2 id="前序遍历" tabindex="-1">前序遍历 <a class="header-anchor" href="#前序遍历" aria-label="Permalink to &quot;前序遍历&quot;">​</a></h2><h2 id="后序遍历" tabindex="-1">后序遍历 <a class="header-anchor" href="#后序遍历" aria-label="Permalink to &quot;后序遍历&quot;">​</a></h2><h2 id="中序遍历" tabindex="-1">中序遍历 <a class="header-anchor" href="#中序遍历" aria-label="Permalink to &quot;中序遍历&quot;">​</a></h2><h2 id="层序遍历" tabindex="-1">层序遍历 <a class="header-anchor" href="#层序遍历" aria-label="Permalink to &quot;层序遍历&quot;">​</a></h2><h1 id="常见算法题" tabindex="-1">常见算法题 <a class="header-anchor" href="#常见算法题" aria-label="Permalink to &quot;常见算法题&quot;">​</a></h1><h2 id="镜像二叉树" tabindex="-1">镜像二叉树 <a class="header-anchor" href="#镜像二叉树" aria-label="Permalink to &quot;镜像二叉树&quot;">​</a></h2><h2 id="重建二叉树" tabindex="-1">重建二叉树 <a class="header-anchor" href="#重建二叉树" aria-label="Permalink to &quot;重建二叉树&quot;">​</a></h2><h2 id="二叉树深度" tabindex="-1">二叉树深度 <a class="header-anchor" href="#二叉树深度" aria-label="Permalink to &quot;二叉树深度&quot;">​</a></h2><h2 id="二叉树节点总数" tabindex="-1">二叉树节点总数 <a class="header-anchor" href="#二叉树节点总数" aria-label="Permalink to &quot;二叉树节点总数&quot;">​</a></h2><h2 id="判断二叉树子结构" tabindex="-1">判断二叉树子结构 <a class="header-anchor" href="#判断二叉树子结构" aria-label="Permalink to &quot;判断二叉树子结构&quot;">​</a></h2><p>输入两棵二叉树 A 和 B，判断 B 是不是 A 的子结构。（ps：约定空树不是任意一个树的子结构）</p><h1 id="参考文档" tabindex="-1">参考文档 <a class="header-anchor" href="#参考文档" aria-label="Permalink to &quot;参考文档&quot;">​</a></h1><ol><li><a href="https://zh.wikipedia.org/wiki/%E4%BA%8C%E5%8F%89%E6%A0%91" target="_blank" rel="noreferrer">维基百科二叉树</a></li><li><a href="https://baike.baidu.com/item/%E6%BB%A1%E4%BA%8C%E5%8F%89%E6%A0%91/7773283" target="_blank" rel="noreferrer">百度百科满二叉树</a></li></ol></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranuts/bundler/index.html b/src/ranuts/bundler/index.html
index 39c70a07ea..4bc611e0d7 100644
--- a/src/ranuts/bundler/index.html
+++ b/src/ranuts/bundler/index.html
@@ -13,7 +13,7 @@
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
     <link rel="modulepreload" href="/ran/assets/chunks/bundle.BxrzsuA1.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranuts_bundler_index.md.D3F9791C.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranuts_bundler_index.md.DzEPrDNS.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -37,7 +37,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -52,8 +52,8 @@
 <span class="line"><span>      generate: () =&gt; bundle.render()</span></span>
 <span class="line"><span>    };</span></span>
 <span class="line"><span>  });</span></span>
-<span class="line"><span>}</span></span></code></pre></div><p>架构图</p><p><img src="/ran/assets/bundle.bky0NmdF.png" alt=""></p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span>}</span></span></code></pre></div><p>架构图</p><p><img src="/ran/assets/bundle.bky0NmdF.png" alt=""></p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranuts/file/appendFile.html b/src/ranuts/file/appendFile.html
index f8c9628382..bcf479e7c0 100644
--- a/src/ranuts/file/appendFile.html
+++ b/src/ranuts/file/appendFile.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranuts_file_appendFile.md.CN41s_o-.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranuts_file_appendFile.md.1-6oJJ-H.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Universal Function</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Filter object</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Statistical execution time</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>String to xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image to base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR text recognition`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Document</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Example Query details about a file</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read the name of the file in the directory</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Listen for file changes</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read file contents</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Append file content</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Write to file content</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Design Pattern</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Publish-subscribe model</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Get mime by file suffix type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranuts_file_appendFile" data-v-9f8645df><div data-pagefind-body="true"><h1 id="appendfile" tabindex="-1">AppendFile <a class="header-anchor" href="#appendfile" aria-label="Permalink to &quot;AppendFile&quot;">​</a></h1><p>追加一些数据到文件内</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否追加成功</td><td><code>boolean</code></td><td>true 追加成功 false 追加失败</td></tr><tr><td>data</td><td>追加失败的原因，添加成功后的文件内容</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/file/readFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Read file contents</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/file/writeFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Write to file content</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/appendFile.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Universal Function</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Filter object</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Statistical execution time</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>String to xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image to base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR text recognition`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Document</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Example Query details about a file</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read the name of the file in the directory</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Listen for file changes</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read file contents</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Append file content</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Write to file content</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Design Pattern</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Publish-subscribe model</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Get mime by file suffix type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranuts_file_appendFile" data-v-9f8645df><div data-pagefind-body="true"><h1 id="appendfile" tabindex="-1">AppendFile <a class="header-anchor" href="#appendfile" aria-label="Permalink to &quot;AppendFile&quot;">​</a></h1><p>追加一些数据到文件内</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否追加成功</td><td><code>boolean</code></td><td>true 追加成功 false 追加失败</td></tr><tr><td>data</td><td>追加失败的原因，添加成功后的文件内容</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/file/readFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Read file contents</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/file/writeFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Write to file content</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranuts/file/fileInfo.html b/src/ranuts/file/fileInfo.html
index b47af150d1..ad33bf4c74 100644
--- a/src/ranuts/file/fileInfo.html
+++ b/src/ranuts/file/fileInfo.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranuts_file_fileInfo.md.CZ2C_27B.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranuts_file_fileInfo.md.C2z4D1Q8.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/fileInfo.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/fileInfo.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Universal Function</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Filter object</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Statistical execution time</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>String to xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image to base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR text recognition`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Document</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Example Query details about a file</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read the name of the file in the directory</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Listen for file changes</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read file contents</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Append file content</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Write to file content</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Design Pattern</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Publish-subscribe model</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Get mime by file suffix type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranuts_file_fileInfo" data-v-9f8645df><div data-pagefind-body="true"><h1 id="queryfileinfo" tabindex="-1">QueryFileInfo <a class="header-anchor" href="#queryfileinfo" aria-label="Permalink to &quot;QueryFileInfo&quot;">​</a></h1><p>查询一个文件的详细信息，一般用于区分文件还是目录，可以通过返回的 data 来判断（data.isDirectory()）</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否检查成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>文件的信息，或者错误的原因</td><td><code>Stats</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要检查的文件路径</td><td><code>string</code></td><td>undefined</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/fileInfo.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/fileInfo.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Universal Function</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Filter object</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Statistical execution time</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>String to xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image to base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR text recognition`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Document</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Example Query details about a file</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read the name of the file in the directory</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Listen for file changes</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read file contents</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Append file content</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Write to file content</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Design Pattern</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Publish-subscribe model</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Get mime by file suffix type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranuts_file_fileInfo" data-v-9f8645df><div data-pagefind-body="true"><h1 id="queryfileinfo" tabindex="-1">QueryFileInfo <a class="header-anchor" href="#queryfileinfo" aria-label="Permalink to &quot;QueryFileInfo&quot;">​</a></h1><p>查询一个文件的详细信息，一般用于区分文件还是目录，可以通过返回的 data 来判断（data.isDirectory()）</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否检查成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>文件的信息，或者错误的原因</td><td><code>Stats</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要检查的文件路径</td><td><code>string</code></td><td>undefined</td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranuts/file/readDir.html b/src/ranuts/file/readDir.html
index c85fb623de..039454498c 100644
--- a/src/ranuts/file/readDir.html
+++ b/src/ranuts/file/readDir.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranuts_file_readDir.md.d3nM0oPh.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranuts_file_readDir.md.BvSC38m-.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Universal Function</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Filter object</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Statistical execution time</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>String to xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image to base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR text recognition`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Document</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Example Query details about a file</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read the name of the file in the directory</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Listen for file changes</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read file contents</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Append file content</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Write to file content</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Design Pattern</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Publish-subscribe model</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Get mime by file suffix type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranuts_file_readDir" data-v-9f8645df><div data-pagefind-body="true"><h1 id="readdir" tabindex="-1">ReadDir <a class="header-anchor" href="#readdir" aria-label="Permalink to &quot;ReadDir&quot;">​</a></h1><p>读一个目录下的所有文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>result</td><td>目录下所有文件的数组</td><td><code>array</code></td><td>传入函数的参数</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>options</td><td dirPath=""></td><td><code>object</code></td><td>传入函数的参数</td></tr><tr><td>dirPath</td><td>文件的路径</td><td><code>Stats</code></td><td></td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/file/watchFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Example Query details about a file</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/file/readFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Read file contents</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/readDir.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Universal Function</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Filter object</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Statistical execution time</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>String to xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image to base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR text recognition`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Document</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Example Query details about a file</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read the name of the file in the directory</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Listen for file changes</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read file contents</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Append file content</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Write to file content</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Design Pattern</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Publish-subscribe model</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Get mime by file suffix type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranuts_file_readDir" data-v-9f8645df><div data-pagefind-body="true"><h1 id="readdir" tabindex="-1">ReadDir <a class="header-anchor" href="#readdir" aria-label="Permalink to &quot;ReadDir&quot;">​</a></h1><p>读一个目录下的所有文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>result</td><td>目录下所有文件的数组</td><td><code>array</code></td><td>传入函数的参数</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>options</td><td dirPath=""></td><td><code>object</code></td><td>传入函数的参数</td></tr><tr><td>dirPath</td><td>文件的路径</td><td><code>Stats</code></td><td></td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/file/watchFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Example Query details about a file</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/file/readFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Read file contents</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranuts/file/readFile.html b/src/ranuts/file/readFile.html
index b5d5ca7973..76d9255c2a 100644
--- a/src/ranuts/file/readFile.html
+++ b/src/ranuts/file/readFile.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranuts_file_readFile.md.CwPAyuVM.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranuts_file_readFile.md.Ac6LvpUh.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Universal Function</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Filter object</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Statistical execution time</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>String to xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image to base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR text recognition`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Document</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Example Query details about a file</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read the name of the file in the directory</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Listen for file changes</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read file contents</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Append file content</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Write to file content</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Design Pattern</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Publish-subscribe model</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Get mime by file suffix type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranuts_file_readFile" data-v-9f8645df><div data-pagefind-body="true"><h1 id="readfile" tabindex="-1">ReadFile <a class="header-anchor" href="#readfile" aria-label="Permalink to &quot;ReadFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>data</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/file/readDir.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Read the name of the file in the directory</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/file/appendFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Append file content</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/readFile.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Universal Function</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Filter object</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Statistical execution time</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>String to xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image to base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR text recognition`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Document</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Example Query details about a file</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read the name of the file in the directory</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Listen for file changes</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read file contents</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Append file content</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Write to file content</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Design Pattern</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Publish-subscribe model</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Get mime by file suffix type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranuts_file_readFile" data-v-9f8645df><div data-pagefind-body="true"><h1 id="readfile" tabindex="-1">ReadFile <a class="header-anchor" href="#readfile" aria-label="Permalink to &quot;ReadFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>data</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table><h2 id="example" tabindex="-1">Example <a class="header-anchor" href="#example" aria-label="Permalink to &quot;Example&quot;">​</a></h2></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/file/readDir.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Read the name of the file in the directory</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/file/appendFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Append file content</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranuts/file/watchFile.html b/src/ranuts/file/watchFile.html
index c41d4c619a..ab39bd024c 100644
--- a/src/ranuts/file/watchFile.html
+++ b/src/ranuts/file/watchFile.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranuts_file_watchFile.md.DYvq_aUK.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranuts_file_watchFile.md.i-gzm-Mr.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Universal Function</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Filter object</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Statistical execution time</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>String to xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image to base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR text recognition`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Document</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Example Query details about a file</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read the name of the file in the directory</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Listen for file changes</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read file contents</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Append file content</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Write to file content</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Design Pattern</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Publish-subscribe model</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Get mime by file suffix type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranuts_file_watchFile" data-v-9f8645df><div data-pagefind-body="true"><h1 id="watchfile" tabindex="-1">WatchFile <a class="header-anchor" href="#watchfile" aria-label="Permalink to &quot;WatchFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>status</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/utils/ocr.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>OCR text recognition`</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/file/readDir.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Read the name of the file in the directory</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/watchFile.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Universal Function</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Filter object</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Statistical execution time</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>String to xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image to base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR text recognition`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Document</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Example Query details about a file</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read the name of the file in the directory</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Listen for file changes</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read file contents</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Append file content</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Write to file content</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Design Pattern</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Publish-subscribe model</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Get mime by file suffix type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranuts_file_watchFile" data-v-9f8645df><div data-pagefind-body="true"><h1 id="watchfile" tabindex="-1">WatchFile <a class="header-anchor" href="#watchfile" aria-label="Permalink to &quot;WatchFile&quot;">​</a></h1><p>观察一个文件是否改变</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>status</td><td>文件是否被改变</td><td><code>boolean</code></td><td>true 文件改变 false 文件没变</td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要监听的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>interval</td><td>监听文件改变的时间，单位毫秒。</td><td><code>number</code></td><td><code>20</code></td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/utils/ocr.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>OCR text recognition`</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/file/readDir.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Read the name of the file in the directory</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranuts/file/writeFile.html b/src/ranuts/file/writeFile.html
index d42557eab6..31270b6526 100644
--- a/src/ranuts/file/writeFile.html
+++ b/src/ranuts/file/writeFile.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranuts_file_writeFile.md.CdGN48zU.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranuts_file_writeFile.md.2z4SHchp.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Universal Function</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Filter object</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Statistical execution time</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>String to xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image to base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR text recognition`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Document</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Example Query details about a file</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read the name of the file in the directory</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Listen for file changes</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read file contents</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Append file content</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Write to file content</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Design Pattern</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Publish-subscribe model</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Get mime by file suffix type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranuts_file_writeFile" data-v-9f8645df><div data-pagefind-body="true"><h1 id="writefile" tabindex="-1">WriteFile <a class="header-anchor" href="#writefile" aria-label="Permalink to &quot;WriteFile&quot;">​</a></h1><p>将内容写入文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否写入成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>写入失败的原因，添加成功后的文件内容和文件路径</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/file/appendFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Append file content</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/mode/subscribe.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Publish-subscribe model</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/file/writeFile.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Universal Function</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Filter object</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Statistical execution time</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>String to xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image to base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR text recognition`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Document</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Example Query details about a file</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read the name of the file in the directory</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Listen for file changes</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read file contents</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Append file content</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Write to file content</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Design Pattern</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Publish-subscribe model</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Get mime by file suffix type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranuts_file_writeFile" data-v-9f8645df><div data-pagefind-body="true"><h1 id="writefile" tabindex="-1">WriteFile <a class="header-anchor" href="#writefile" aria-label="Permalink to &quot;WriteFile&quot;">​</a></h1><p>将内容写入文件</p><h2 id="api" tabindex="-1">API <a class="header-anchor" href="#api" aria-label="Permalink to &quot;API&quot;">​</a></h2><h3 id="return" tabindex="-1">Return <a class="header-anchor" href="#return" aria-label="Permalink to &quot;Return&quot;">​</a></h3><ul><li>Promise</li></ul><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>描述</th></tr></thead><tbody><tr><td>success</td><td>是否写入成功</td><td><code>boolean</code></td><td>true 成功 false 失败</td></tr><tr><td>data</td><td>写入失败的原因，添加成功后的文件内容和文件路径</td><td><code>any</code></td><td></td></tr></tbody></table><h3 id="options" tabindex="-1">Options <a class="header-anchor" href="#options" aria-label="Permalink to &quot;Options&quot;">​</a></h3><table tabindex="0"><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>默认值</th></tr></thead><tbody><tr><td>path</td><td>文件路径，需要追加的文件</td><td><code>string</code></td><td>undefined</td></tr><tr><td>content</td><td>需要追加的内容</td><td><code>string</code></td><td>无</td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/file/appendFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Append file content</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/mode/subscribe.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Publish-subscribe model</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranuts/index.html b/src/ranuts/index.html
index f6be7ae85f..6a2f4eb034 100644
--- a/src/ranuts/index.html
+++ b/src/ranuts/index.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranuts_index.md.CHFYg7WB.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranuts_index.md.BJ436-Wa.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Universal Function</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Filter object</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Statistical execution time</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>String to xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image to base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR text recognition`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Document</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Example Query details about a file</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read the name of the file in the directory</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Listen for file changes</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read file contents</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Append file content</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Write to file content</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Design Pattern</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Publish-subscribe model</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Get mime by file suffix type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranuts_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="ranuts-overview" tabindex="-1">ranuts overview <a class="header-anchor" href="#ranuts-overview" aria-label="Permalink to &quot;ranuts overview&quot;">​</a></h1><h2 id="method-list" tabindex="-1">Method list <a class="header-anchor" href="#method-list" aria-label="Permalink to &quot;Method list&quot;">​</a></h2><table tabindex="0"><thead><tr><th>Method</th><th>description</th><th>detail</th></tr></thead><tbody><tr><td>writeFile</td><td>Write to file</td><td><a href="./file/writeFile.html">writeFile</a></td></tr><tr><td>readFile</td><td>Read file</td><td><a href="./file/readFile.html">readFile</a></td></tr><tr><td>readDir</td><td>Read the directory and get the names of all the files in the directory</td><td><a href="./file/readDir.html">readDir</a></td></tr><tr><td>watchFile</td><td>Check whether the contents of the file have changed</td><td><a href="./file/watchFile.html">watchFile</a></td></tr><tr><td>queryFileInfo</td><td>Query file information</td><td><a href="./file/fileInfo.html">queryFileInfo</a></td></tr><tr><td>filterObj</td><td>Filter object</td><td><a href="./utils/filterObj.html">filterObj</a></td></tr><tr><td>EventEmitter</td><td>Publish-subscribe class</td><td><a href="./mode/subscribe.html">EventEmitter</a></td></tr><tr><td>str2Xml</td><td>String is converted to <code>xml</code></td><td><a href="./utils/str2xml.html">str2Xml</a></td></tr><tr><td>getMime</td><td>Gets the <code>mime type</code> based on the file format suffix</td><td><a href="./mimeType/mimeType.html">getMime</a></td></tr><tr><td>getCookie</td><td>Gets the value of the specified cookie</td><td><a href="./utils/getCookie.html">writeFile</a></td></tr><tr><td>formatJson</td><td>Formatted JSON</td><td><a href="./utils/formatJson.html">formatJson</a></td></tr></tbody></table><h1 id="totp" tabindex="-1">TOTP <a class="header-anchor" href="#totp" aria-label="Permalink to &quot;TOTP&quot;">​</a></h1><div><div class="text-slate-600 text-base mt-2">2FA Verification</div><div class="flex flex-row justify-start items-start mt-4"><div class="relative h-14"><r-input label="Please enter the key of 2FA" class="w-64 h-8 rounded-lg block text-lg" status="normal"></r-input><!----></div><r-button class="ml-1 h-8">Generate</r-button></div><div class="text-[#3451b2] text-base"><div>code: </div><div>expires: </div></div></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/utils/filterObj.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Filter object</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle has-sidebar" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/ranuts/" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-6c3804f2><span class="vpi-align-left menu-icon" data-v-6c3804f2></span><span class="menu-text" data-v-6c3804f2>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1e8cdb3b data-v-452d748b><div class="curtain" data-v-452d748b></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-452d748b><span class="visually-hidden" id="sidebar-aria-label" data-v-452d748b> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0 has-active" data-v-1952544a data-v-3d6ff150><!----><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Overview</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Universal Function</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/filterObj.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Filter object</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/task.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Statistical execution time</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/str2xml.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>String to xml</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Image to base64</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/utils/ocr.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>OCR text recognition`</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Document</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Example Query details about a file</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readDir.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read the name of the file in the directory</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/watchFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Listen for file changes</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/readFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Read file contents</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/appendFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Append file content</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/file/writeFile.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Write to file content</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>Design Pattern</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mode/subscribe.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Publish-subscribe model</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-1952544a><section class="VPSidebarItem level-0" data-v-1952544a data-v-3d6ff150><div class="item" role="button" tabindex="0" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><h2 class="text" data-v-3d6ff150>mime type</h2><!----></div><div class="items" data-v-3d6ff150><!--[--><div class="VPSidebarItem level-1 is-link" data-v-3d6ff150 data-v-3d6ff150><div class="item" data-v-3d6ff150><div class="indicator" data-v-3d6ff150></div><a class="VPLink link link" href="/ran/src/ranuts/mimeType/mimeType.html" data-v-3d6ff150><!--[--><p class="text" data-v-3d6ff150>Get mime by file suffix type</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-sidebar has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_ranuts_" data-v-9f8645df><div data-pagefind-body="true"><h1 id="ranuts-overview" tabindex="-1">ranuts overview <a class="header-anchor" href="#ranuts-overview" aria-label="Permalink to &quot;ranuts overview&quot;">​</a></h1><h2 id="method-list" tabindex="-1">Method list <a class="header-anchor" href="#method-list" aria-label="Permalink to &quot;Method list&quot;">​</a></h2><table tabindex="0"><thead><tr><th>Method</th><th>description</th><th>detail</th></tr></thead><tbody><tr><td>writeFile</td><td>Write to file</td><td><a href="./file/writeFile.html">writeFile</a></td></tr><tr><td>readFile</td><td>Read file</td><td><a href="./file/readFile.html">readFile</a></td></tr><tr><td>readDir</td><td>Read the directory and get the names of all the files in the directory</td><td><a href="./file/readDir.html">readDir</a></td></tr><tr><td>watchFile</td><td>Check whether the contents of the file have changed</td><td><a href="./file/watchFile.html">watchFile</a></td></tr><tr><td>queryFileInfo</td><td>Query file information</td><td><a href="./file/fileInfo.html">queryFileInfo</a></td></tr><tr><td>filterObj</td><td>Filter object</td><td><a href="./utils/filterObj.html">filterObj</a></td></tr><tr><td>EventEmitter</td><td>Publish-subscribe class</td><td><a href="./mode/subscribe.html">EventEmitter</a></td></tr><tr><td>str2Xml</td><td>String is converted to <code>xml</code></td><td><a href="./utils/str2xml.html">str2Xml</a></td></tr><tr><td>getMime</td><td>Gets the <code>mime type</code> based on the file format suffix</td><td><a href="./mimeType/mimeType.html">getMime</a></td></tr><tr><td>getCookie</td><td>Gets the value of the specified cookie</td><td><a href="./utils/getCookie.html">writeFile</a></td></tr><tr><td>formatJson</td><td>Formatted JSON</td><td><a href="./utils/formatJson.html">formatJson</a></td></tr></tbody></table><h1 id="totp" tabindex="-1">TOTP <a class="header-anchor" href="#totp" aria-label="Permalink to &quot;TOTP&quot;">​</a></h1><div><div class="text-slate-600 text-base mt-2">2FA Verification</div><div class="flex flex-row justify-start items-start mt-4"><div class="relative h-14"><r-input label="Please enter the key of 2FA" class="w-64 h-8 rounded-lg block text-lg" status="normal"></r-input><!----></div><r-button class="ml-1 h-8">Generate</r-button></div><div class="text-[#3451b2] text-base"><div>code: </div><div>expires: </div></div></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/utils/filterObj.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Filter object</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranuts/mimeType/mimeType.html b/src/ranuts/mimeType/mimeType.html
index bc2a130cd5..39f234b6bc 100644
--- a/src/ranuts/mimeType/mimeType.html
+++ b/src/ranuts/mimeType/mimeType.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranuts_mimeType_mimeType.md.Bp_Buc7N.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranuts_mimeType_mimeType.md.CgbW52XX.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -49,8 +49,8 @@
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// &#39;application/vnd.openxmlformats-officedocument.presentationml.presentation</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> res</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> getMime</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;.txt&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// text/plain</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/mode/subscribe.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Publish-subscribe model</span><!--]--></a></div><div class="pager" data-v-00ab7d08><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// text/plain</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/mode/subscribe.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Publish-subscribe model</span><!--]--></a></div><div class="pager" data-v-00ab7d08><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranuts/mode/subscribe.html b/src/ranuts/mode/subscribe.html
index e05211023a..f1f5753453 100644
--- a/src/ranuts/mode/subscribe.html
+++ b/src/ranuts/mode/subscribe.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranuts_mode_subscribe.md.DmGp9s_W.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranuts_mode_subscribe.md.CBjAEwg0.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -73,8 +73,8 @@
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// 订阅一次，触发一次自动取消</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">subscribe.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">once</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;other&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, () </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">5</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">});</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/file/writeFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Write to file content</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/mimeType/mimeType.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Get mime by file suffix type</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">});</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/file/writeFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Write to file content</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/mimeType/mimeType.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Get mime by file suffix type</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranuts/utils/convertImageToBase64.html b/src/ranuts/utils/convertImageToBase64.html
index ec517b9d95..099befffc1 100644
--- a/src/ranuts/utils/convertImageToBase64.html
+++ b/src/ranuts/utils/convertImageToBase64.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranuts_utils_convertImageToBase64.md.CQdNGUWw.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranuts_utils_convertImageToBase64.md.COMNqW1t.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -46,8 +46,8 @@
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">convertImageToBase64</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(file).</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">then</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">((</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">res</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">});</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/utils/str2xml.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>String to xml</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/utils/ocr.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>OCR text recognition`</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">});</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/utils/str2xml.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>String to xml</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/utils/ocr.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>OCR text recognition`</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranuts/utils/filterObj.html b/src/ranuts/utils/filterObj.html
index 1d041a734d..bb9cb67c72 100644
--- a/src/ranuts/utils/filterObj.html
+++ b/src/ranuts/utils/filterObj.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranuts_utils_filterObj.md.SUYinD61.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranuts_utils_filterObj.md.Q_-NUV8p.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -54,8 +54,8 @@
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// { age:10 }</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Overview</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/utils/task.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Statistical execution time</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// { age:10 }</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Overview</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/utils/task.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Statistical execution time</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranuts/utils/formatJson.html b/src/ranuts/utils/formatJson.html
index 2ff781d064..4a24c22106 100644
--- a/src/ranuts/utils/formatJson.html
+++ b/src/ranuts/utils/formatJson.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranuts_utils_formatJson.md.BQjsxBql.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranuts_utils_formatJson.md.DQX6wWMq.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -51,8 +51,8 @@
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> result</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> formatJson</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(json);</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranuts/utils/getCookie.html b/src/ranuts/utils/getCookie.html
index fd8aec6676..40a9e14d31 100644
--- a/src/ranuts/utils/getCookie.html
+++ b/src/ranuts/utils/getCookie.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranuts_utils_getCookie.md.glwGRuBT.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranuts_utils_getCookie.md.CRjg9zYL.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -48,8 +48,8 @@
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(result);</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// &#39;&#39;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// &#39;&#39;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><!----></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Overview</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranuts/utils/ocr.html b/src/ranuts/utils/ocr.html
index 2ceaf9238d..889042570d 100644
--- a/src/ranuts/utils/ocr.html
+++ b/src/ranuts/utils/ocr.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranuts_utils_ocr.md.Bac0Ieci.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranuts_utils_ocr.md.COxYWSg4.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -56,8 +56,8 @@
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// And when thou lovest thy pale orb to shroud</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// Behind the gather’d blackness lost on high;</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// And when thou dartest from the wind-rent cloud</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// Thy placid lightning o’er the awaken’d sky.</span></span></code></pre></div><h2 id="lang-code" tabindex="-1">Lang Code <a class="header-anchor" href="#lang-code" aria-label="Permalink to &quot;Lang Code&quot;">​</a></h2><table tabindex="0"><thead><tr><th>Lang Code</th><th>Language</th></tr></thead><tbody><tr><td>afr</td><td>Afrikaans</td></tr><tr><td>amh</td><td>Amharic</td></tr><tr><td>ara</td><td>Arabic</td></tr><tr><td>asm</td><td>Assamese</td></tr><tr><td>aze</td><td>Azerbaijani</td></tr><tr><td>aze_cyrl</td><td>Azerbaijani - Cyrillic</td></tr><tr><td>bel</td><td>Belarusian</td></tr><tr><td>ben</td><td>Bengali</td></tr><tr><td>bod</td><td>Tibetan</td></tr><tr><td>bos</td><td>Bosnian</td></tr><tr><td>bul</td><td>Bulgarian</td></tr><tr><td>cat</td><td>Catalan; Valencian</td></tr><tr><td>ceb</td><td>Cebuano</td></tr><tr><td>ces</td><td>Czech</td></tr><tr><td>chi_sim</td><td>Chinese - Simplified</td></tr><tr><td>chi_tra</td><td>Chinese - Traditional</td></tr><tr><td>chr</td><td>Cherokee</td></tr><tr><td>cym</td><td>Welsh</td></tr><tr><td>dan</td><td>Danish</td></tr><tr><td>deu</td><td>German</td></tr><tr><td>dzo</td><td>Dzongkha</td></tr><tr><td>ell</td><td>Greek, Modern (1453-)</td></tr><tr><td>eng</td><td>English</td></tr><tr><td>enm</td><td>English, Middle (1100-1500)</td></tr><tr><td>epo</td><td>Esperanto</td></tr><tr><td>est</td><td>Estonian</td></tr><tr><td>eus</td><td>Basque</td></tr><tr><td>fas</td><td>Persian</td></tr><tr><td>fin</td><td>Finnish</td></tr><tr><td>fra</td><td>French</td></tr><tr><td>frk</td><td>German Fraktur</td></tr><tr><td>frm</td><td>French, Middle (ca. 1400-1600)</td></tr><tr><td>gle</td><td>Irish</td></tr><tr><td>glg</td><td>Galician</td></tr><tr><td>grc</td><td>Greek, Ancient (-1453)</td></tr><tr><td>guj</td><td>Gujarati</td></tr><tr><td>hat</td><td>Haitian; Haitian Creole</td></tr><tr><td>heb</td><td>Hebrew</td></tr><tr><td>hin</td><td>Hindi</td></tr><tr><td>hrv</td><td>Croatian</td></tr><tr><td>hun</td><td>Hungarian</td></tr><tr><td>iku</td><td>Inuktitut</td></tr><tr><td>ind</td><td>Indonesian</td></tr><tr><td>isl</td><td>Icelandic</td></tr><tr><td>ita</td><td>Italian</td></tr><tr><td>ita_old</td><td>Italian - Old</td></tr><tr><td>jav</td><td>Javanese</td></tr><tr><td>jpn</td><td>Japanese</td></tr><tr><td>kan</td><td>Kannada</td></tr><tr><td>kat</td><td>Georgian</td></tr><tr><td>kat_old</td><td>Georgian - Old</td></tr><tr><td>kaz</td><td>Kazakh</td></tr><tr><td>khm</td><td>Central Khmer</td></tr><tr><td>kir</td><td>Kirghiz; Kyrgyz</td></tr><tr><td>kor</td><td>Korean</td></tr><tr><td>kur</td><td>Kurdish</td></tr><tr><td>lao</td><td>Lao</td></tr><tr><td>lat</td><td>Latin</td></tr><tr><td>lav</td><td>Latvian</td></tr><tr><td>lit</td><td>Lithuanian</td></tr><tr><td>mal</td><td>Malayalam</td></tr><tr><td>mar</td><td>Marathi</td></tr><tr><td>mkd</td><td>Macedonian</td></tr><tr><td>mlt</td><td>Maltese</td></tr><tr><td>msa</td><td>Malay</td></tr><tr><td>mya</td><td>Burmese</td></tr><tr><td>nep</td><td>Nepali</td></tr><tr><td>nld</td><td>Dutch; Flemish</td></tr><tr><td>nor</td><td>Norwegian</td></tr><tr><td>ori</td><td>Oriya</td></tr><tr><td>pan</td><td>Panjabi; Punjabi</td></tr><tr><td>pol</td><td>Polish</td></tr><tr><td>por</td><td>Portuguese</td></tr><tr><td>pus</td><td>Pushto; Pashto</td></tr><tr><td>ron</td><td>Romanian; Moldavian; Moldovan</td></tr><tr><td>rus</td><td>Russian</td></tr><tr><td>san</td><td>Sanskrit</td></tr><tr><td>sin</td><td>Sinhala; Sinhalese</td></tr><tr><td>slk</td><td>Slovak</td></tr><tr><td>slv</td><td>Slovenian</td></tr><tr><td>spa</td><td>Spanish; Castilian</td></tr><tr><td>spa_old</td><td>Spanish; Castilian - Old</td></tr><tr><td>sqi</td><td>Albanian</td></tr><tr><td>srp</td><td>Serbian</td></tr><tr><td>srp_latn</td><td>Serbian - Latin</td></tr><tr><td>swa</td><td>Swahili</td></tr><tr><td>swe</td><td>Swedish</td></tr><tr><td>syr</td><td>Syriac</td></tr><tr><td>tam</td><td>Tamil</td></tr><tr><td>tel</td><td>Telugu</td></tr><tr><td>tgk</td><td>Tajik</td></tr><tr><td>tgl</td><td>Tagalog</td></tr><tr><td>tha</td><td>Thai</td></tr><tr><td>tir</td><td>Tigrinya</td></tr><tr><td>tur</td><td>Turkish</td></tr><tr><td>uig</td><td>Uighur; Uyghur</td></tr><tr><td>ukr</td><td>Ukrainian</td></tr><tr><td>urd</td><td>Urdu</td></tr><tr><td>uzb</td><td>Uzbek</td></tr><tr><td>uzb_cyrl</td><td>Uzbek - Cyrillic</td></tr><tr><td>vie</td><td>Vietnamese</td></tr><tr><td>yid</td><td>Yiddish</td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Image to base64</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/file/watchFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Example Query details about a file</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// Thy placid lightning o’er the awaken’d sky.</span></span></code></pre></div><h2 id="lang-code" tabindex="-1">Lang Code <a class="header-anchor" href="#lang-code" aria-label="Permalink to &quot;Lang Code&quot;">​</a></h2><table tabindex="0"><thead><tr><th>Lang Code</th><th>Language</th></tr></thead><tbody><tr><td>afr</td><td>Afrikaans</td></tr><tr><td>amh</td><td>Amharic</td></tr><tr><td>ara</td><td>Arabic</td></tr><tr><td>asm</td><td>Assamese</td></tr><tr><td>aze</td><td>Azerbaijani</td></tr><tr><td>aze_cyrl</td><td>Azerbaijani - Cyrillic</td></tr><tr><td>bel</td><td>Belarusian</td></tr><tr><td>ben</td><td>Bengali</td></tr><tr><td>bod</td><td>Tibetan</td></tr><tr><td>bos</td><td>Bosnian</td></tr><tr><td>bul</td><td>Bulgarian</td></tr><tr><td>cat</td><td>Catalan; Valencian</td></tr><tr><td>ceb</td><td>Cebuano</td></tr><tr><td>ces</td><td>Czech</td></tr><tr><td>chi_sim</td><td>Chinese - Simplified</td></tr><tr><td>chi_tra</td><td>Chinese - Traditional</td></tr><tr><td>chr</td><td>Cherokee</td></tr><tr><td>cym</td><td>Welsh</td></tr><tr><td>dan</td><td>Danish</td></tr><tr><td>deu</td><td>German</td></tr><tr><td>dzo</td><td>Dzongkha</td></tr><tr><td>ell</td><td>Greek, Modern (1453-)</td></tr><tr><td>eng</td><td>English</td></tr><tr><td>enm</td><td>English, Middle (1100-1500)</td></tr><tr><td>epo</td><td>Esperanto</td></tr><tr><td>est</td><td>Estonian</td></tr><tr><td>eus</td><td>Basque</td></tr><tr><td>fas</td><td>Persian</td></tr><tr><td>fin</td><td>Finnish</td></tr><tr><td>fra</td><td>French</td></tr><tr><td>frk</td><td>German Fraktur</td></tr><tr><td>frm</td><td>French, Middle (ca. 1400-1600)</td></tr><tr><td>gle</td><td>Irish</td></tr><tr><td>glg</td><td>Galician</td></tr><tr><td>grc</td><td>Greek, Ancient (-1453)</td></tr><tr><td>guj</td><td>Gujarati</td></tr><tr><td>hat</td><td>Haitian; Haitian Creole</td></tr><tr><td>heb</td><td>Hebrew</td></tr><tr><td>hin</td><td>Hindi</td></tr><tr><td>hrv</td><td>Croatian</td></tr><tr><td>hun</td><td>Hungarian</td></tr><tr><td>iku</td><td>Inuktitut</td></tr><tr><td>ind</td><td>Indonesian</td></tr><tr><td>isl</td><td>Icelandic</td></tr><tr><td>ita</td><td>Italian</td></tr><tr><td>ita_old</td><td>Italian - Old</td></tr><tr><td>jav</td><td>Javanese</td></tr><tr><td>jpn</td><td>Japanese</td></tr><tr><td>kan</td><td>Kannada</td></tr><tr><td>kat</td><td>Georgian</td></tr><tr><td>kat_old</td><td>Georgian - Old</td></tr><tr><td>kaz</td><td>Kazakh</td></tr><tr><td>khm</td><td>Central Khmer</td></tr><tr><td>kir</td><td>Kirghiz; Kyrgyz</td></tr><tr><td>kor</td><td>Korean</td></tr><tr><td>kur</td><td>Kurdish</td></tr><tr><td>lao</td><td>Lao</td></tr><tr><td>lat</td><td>Latin</td></tr><tr><td>lav</td><td>Latvian</td></tr><tr><td>lit</td><td>Lithuanian</td></tr><tr><td>mal</td><td>Malayalam</td></tr><tr><td>mar</td><td>Marathi</td></tr><tr><td>mkd</td><td>Macedonian</td></tr><tr><td>mlt</td><td>Maltese</td></tr><tr><td>msa</td><td>Malay</td></tr><tr><td>mya</td><td>Burmese</td></tr><tr><td>nep</td><td>Nepali</td></tr><tr><td>nld</td><td>Dutch; Flemish</td></tr><tr><td>nor</td><td>Norwegian</td></tr><tr><td>ori</td><td>Oriya</td></tr><tr><td>pan</td><td>Panjabi; Punjabi</td></tr><tr><td>pol</td><td>Polish</td></tr><tr><td>por</td><td>Portuguese</td></tr><tr><td>pus</td><td>Pushto; Pashto</td></tr><tr><td>ron</td><td>Romanian; Moldavian; Moldovan</td></tr><tr><td>rus</td><td>Russian</td></tr><tr><td>san</td><td>Sanskrit</td></tr><tr><td>sin</td><td>Sinhala; Sinhalese</td></tr><tr><td>slk</td><td>Slovak</td></tr><tr><td>slv</td><td>Slovenian</td></tr><tr><td>spa</td><td>Spanish; Castilian</td></tr><tr><td>spa_old</td><td>Spanish; Castilian - Old</td></tr><tr><td>sqi</td><td>Albanian</td></tr><tr><td>srp</td><td>Serbian</td></tr><tr><td>srp_latn</td><td>Serbian - Latin</td></tr><tr><td>swa</td><td>Swahili</td></tr><tr><td>swe</td><td>Swedish</td></tr><tr><td>syr</td><td>Syriac</td></tr><tr><td>tam</td><td>Tamil</td></tr><tr><td>tel</td><td>Telugu</td></tr><tr><td>tgk</td><td>Tajik</td></tr><tr><td>tgl</td><td>Tagalog</td></tr><tr><td>tha</td><td>Thai</td></tr><tr><td>tir</td><td>Tigrinya</td></tr><tr><td>tur</td><td>Turkish</td></tr><tr><td>uig</td><td>Uighur; Uyghur</td></tr><tr><td>ukr</td><td>Ukrainian</td></tr><tr><td>urd</td><td>Urdu</td></tr><tr><td>uzb</td><td>Uzbek</td></tr><tr><td>uzb_cyrl</td><td>Uzbek - Cyrillic</td></tr><tr><td>vie</td><td>Vietnamese</td></tr><tr><td>yid</td><td>Yiddish</td></tr></tbody></table></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Image to base64</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/file/watchFile.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Example Query details about a file</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranuts/utils/str2xml.html b/src/ranuts/utils/str2xml.html
index ea6117de2d..9f8942d83c 100644
--- a/src/ranuts/utils/str2xml.html
+++ b/src/ranuts/utils/str2xml.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranuts_utils_str2xml.md.BTPyA91O.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranuts_utils_str2xml.md.84gjZ6IG.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -49,8 +49,8 @@
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> icon</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> str2Xml</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(svg, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;image/svg+xml&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">);</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.body.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">appendChild</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(icon);</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/utils/task.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Statistical execution time</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Image to base64</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">document.body.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">appendChild</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(icon);</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/utils/task.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Statistical execution time</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/utils/convertImageToBase64.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>Image to base64</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/src/ranuts/utils/task.html b/src/ranuts/utils/task.html
index 421b8e74cc..66d60251db 100644
--- a/src/ranuts/utils/task.html
+++ b/src/ranuts/utils/task.html
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_ranuts_utils_task.md.BA-6r3zJ.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_ranuts_utils_task.md.DEROvLOz.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -48,8 +48,8 @@
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> time</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> taskEnd</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(taskId);</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;task 执行花费的时间&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, time);</span></span></code></pre></div><h2 id="二-new-date-gettime" tabindex="-1">二.new Date().getTime() <a class="header-anchor" href="#二-new-date-gettime" aria-label="Permalink to &quot;二.new Date().getTime()&quot;">​</a></h2><p><code>new Date().getTime()</code> 返回一个数值，表示从 1970 年 1 月 1 日 0 时 0 分 0 秒（UTC，即协调世界时）距离该日期对象所代表时间的毫秒数。用来计算 JS 执行时间会有两个问题：</p><ol><li>某些情况下，毫秒级精度可能不够。</li><li><code>new Date()</code> 解析的时间在不同浏览器，或者不同设备上可能并不一致。<a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date" target="_blank" rel="noreferrer">MDN 说明</a><blockquote><p>由于浏览器之间的差异与不一致性，强烈不推荐使用 Date 构造函数来解析日期字符串 (或使用与其等价的 Date.parse)。对 RFC 2822 格式的日期仅有约定俗成的支持。对 ISO 8601 格式的支持中，仅有日期的串 (例如 &quot;1970-01-01&quot;) 会被处理为 UTC 而不是本地时间，与其他格式的串的处理不同。</p></blockquote></li></ol><h2 id="三-console-time-console-timeend" tabindex="-1">三.<code>console.time()</code>, <code>console.timeEnd()</code> <a class="header-anchor" href="#三-console-time-console-timeend" aria-label="Permalink to &quot;三.`console.time()`, `console.timeEnd()`&quot;">​</a></h2><p>启动一个计时器来跟踪某一个操作的占用时长。每一个计时器必须拥有唯一的名字，页面中最多能同时运行 10,000 个计时器。当以此计时器名字为参数调用 console.timeEnd() 时，浏览器将以毫秒为单位，输出对应计时器所经过的时间。比起<code>new Date().getTime()</code>，统计时间更加精确，可以统计到 0.001 毫秒(比如：0.134ms)</p><h2 id="四-performance-now" tabindex="-1">四.<code>performance.now()</code> <a class="header-anchor" href="#四-performance-now" aria-label="Permalink to &quot;四.`performance.now()`&quot;">​</a></h2><p><code>performance.now()</code>返回的时间精度最高可达微秒级，且不会受到系统时间的影响（系统时钟可能会被手动调整或被 NTP 等软件篡改）。另外，<code>performance.timing.navigationStart + performance.now()</code> 约等于 <code>Date.now()</code>。因此对于统计 JS 执行耗时方面，更推荐使用<code>performance.now()</code>。</p><blockquote><p>注意：为了提供对定时攻击和指纹的保护，<code>performance.now()</code> 的精度可能会根据浏览器的设置而被舍弃。 在 <code>Firefox</code> 中，<code>privacy.reduceTimerPrecision</code> 偏好是默认启用的，默认值为 <code>1ms</code>。可以启用 <code>privacy.resistFingerprinting</code> 这将精度改为 100ms 或<code>privacy.resistFingerprinting.reduceTimerPrecision.microseconds</code> 的值，以较大者为准。</p></blockquote></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/utils/filterObj.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Filter object</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/utils/str2xml.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>String to xml</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">console.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">log</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;task 执行花费的时间&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, time);</span></span></code></pre></div><h2 id="二-new-date-gettime" tabindex="-1">二.new Date().getTime() <a class="header-anchor" href="#二-new-date-gettime" aria-label="Permalink to &quot;二.new Date().getTime()&quot;">​</a></h2><p><code>new Date().getTime()</code> 返回一个数值，表示从 1970 年 1 月 1 日 0 时 0 分 0 秒（UTC，即协调世界时）距离该日期对象所代表时间的毫秒数。用来计算 JS 执行时间会有两个问题：</p><ol><li>某些情况下，毫秒级精度可能不够。</li><li><code>new Date()</code> 解析的时间在不同浏览器，或者不同设备上可能并不一致。<a href="https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date" target="_blank" rel="noreferrer">MDN 说明</a><blockquote><p>由于浏览器之间的差异与不一致性，强烈不推荐使用 Date 构造函数来解析日期字符串 (或使用与其等价的 Date.parse)。对 RFC 2822 格式的日期仅有约定俗成的支持。对 ISO 8601 格式的支持中，仅有日期的串 (例如 &quot;1970-01-01&quot;) 会被处理为 UTC 而不是本地时间，与其他格式的串的处理不同。</p></blockquote></li></ol><h2 id="三-console-time-console-timeend" tabindex="-1">三.<code>console.time()</code>, <code>console.timeEnd()</code> <a class="header-anchor" href="#三-console-time-console-timeend" aria-label="Permalink to &quot;三.`console.time()`, `console.timeEnd()`&quot;">​</a></h2><p>启动一个计时器来跟踪某一个操作的占用时长。每一个计时器必须拥有唯一的名字，页面中最多能同时运行 10,000 个计时器。当以此计时器名字为参数调用 console.timeEnd() 时，浏览器将以毫秒为单位，输出对应计时器所经过的时间。比起<code>new Date().getTime()</code>，统计时间更加精确，可以统计到 0.001 毫秒(比如：0.134ms)</p><h2 id="四-performance-now" tabindex="-1">四.<code>performance.now()</code> <a class="header-anchor" href="#四-performance-now" aria-label="Permalink to &quot;四.`performance.now()`&quot;">​</a></h2><p><code>performance.now()</code>返回的时间精度最高可达微秒级，且不会受到系统时间的影响（系统时钟可能会被手动调整或被 NTP 等软件篡改）。另外，<code>performance.timing.navigationStart + performance.now()</code> 约等于 <code>Date.now()</code>。因此对于统计 JS 执行耗时方面，更推荐使用<code>performance.now()</code>。</p><blockquote><p>注意：为了提供对定时攻击和指纹的保护，<code>performance.now()</code> 的精度可能会根据浏览器的设置而被舍弃。 在 <code>Firefox</code> 中，<code>privacy.reduceTimerPrecision</code> 偏好是默认启用的，默认值为 <code>1ms</code>。可以启用 <code>privacy.resistFingerprinting</code> 这将精度改为 100ms 或<code>privacy.resistFingerprinting.reduceTimerPrecision.microseconds</code> 的值，以较大者为准。</p></blockquote></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-00ab7d08><span class="visually-hidden" id="doc-footer-aria-label" data-v-00ab7d08>Pager</span><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link prev" href="/ran/src/ranuts/utils/filterObj.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Previous page</span><span class="title" data-v-00ab7d08>Filter object</span><!--]--></a></div><div class="pager" data-v-00ab7d08><a class="VPLink link pager-link next" href="/ran/src/ranuts/utils/str2xml.html" data-v-00ab7d08><!--[--><span class="desc" data-v-00ab7d08>Next page</span><span class="title" data-v-00ab7d08>String to xml</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git "a/src/types/TS\347\261\273\345\236\213.html" "b/src/types/TS\347\261\273\345\236\213.html"
index c48c525f29..32e5bd7e32 100644
--- "a/src/types/TS\347\261\273\345\236\213.html"
+++ "b/src/types/TS\347\261\273\345\236\213.html"
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_types_TS类型.md.BAdYqP2z.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_types_TS类型.md.Du9AK3lr.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -89,8 +89,8 @@
 <span class="line"><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">  age</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> number</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> tuple</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> [</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">number</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">?</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">];</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git "a/src/types/\346\250\241\345\274\217\345\214\271\351\205\215.html" "b/src/types/\346\250\241\345\274\217\345\214\271\351\205\215.html"
index 747ebd983c..982253488d 100644
--- "a/src/types/\346\250\241\345\274\217\345\214\271\351\205\215.html"
+++ "b/src/types/\346\250\241\345\274\217\345\214\271\351\205\215.html"
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_types_模式匹配.md.CFNrWo4G.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_types_模式匹配.md.DO7GM6xX.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -52,8 +52,8 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">name</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> string</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Person</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>这里的 PersonConstructor 返回的是 Person 类型的实例对象，这个也可以通过模式匹配取出来。</p><div class="language-ts vp-adaptive-theme"><button title="Copy Code" class="copy"></button><span class="lang">ts</span><pre class="shiki shiki-themes github-light github-dark vp-code" tabindex="0"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">type</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> GetInstanceType</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt; </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> C</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> extends</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> new</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">...</span><span style="--shiki-light:#E36209;--shiki-dark:#FFAB70;">args</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[]) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=&gt;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> infer</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  ?</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> T</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  :</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> unknown</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">;</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git "a/src/types/\347\261\273\345\236\213\350\277\220\347\256\227.html" "b/src/types/\347\261\273\345\236\213\350\277\220\347\256\227.html"
index 711a5141f0..7190bf77e5 100644
--- "a/src/types/\347\261\273\345\236\213\350\277\220\347\256\227.html"
+++ "b/src/types/\347\261\273\345\236\213\350\277\220\347\256\227.html"
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_types_类型运算.md.DitU5zkD.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_types_类型运算.md.D_oUktxL.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,7 +36,7 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
@@ -68,8 +68,8 @@
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// type res = {</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">//     aaa:[1,1,1]</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">//     bbb:[2,2,2]</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// }</span></span></code></pre></div><p>这里的 &amp; string 可能大家会迷惑，解释一下：</p><p>因为索引类型（对象、class 等）可以用 string、number 和 symbol 作为 key，这里 keyof T 取出的索引就是 string | number | symbol 的联合类型，和 string 取交叉部分就只剩下 string 了。就像前面所说，交叉类型会把同一类型做合并，不同类型舍弃。</p><p>因为 js 处理对象比较多，所以索引类型的映射比较重要。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">// }</span></span></code></pre></div><p>这里的 &amp; string 可能大家会迷惑，解释一下：</p><p>因为索引类型（对象、class 等）可以用 string、number 和 symbol 作为 key，这里 keyof T 取出的索引就是 string | number | symbol 的联合类型，和 string 取交叉部分就只剩下 string 了。就像前面所说，交叉类型会把同一类型做合并，不同类型舍弃。</p><p>因为 js 处理对象比较多，所以索引类型的映射比较重要。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git "a/src/types/\351\253\230\347\272\247\347\261\273\345\236\213.html" "b/src/types/\351\253\230\347\272\247\347\261\273\345\236\213.html"
index 41cc2f1e37..aa5db608f4 100644
--- "a/src/types/\351\253\230\347\272\247\347\261\273\345\236\213.html"
+++ "b/src/types/\351\253\230\347\272\247\347\261\273\345\236\213.html"
@@ -12,7 +12,7 @@
     <link rel="preload" href="/ran/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <link rel="modulepreload" href="/ran/assets/chunks/theme.DbZz0xHr.js">
     <link rel="modulepreload" href="/ran/assets/chunks/framework.eq-HTtE3.js">
-    <link rel="modulepreload" href="/ran/assets/src_types_高级类型.md.BcsCXIM4.lean.js">
+    <link rel="modulepreload" href="/ran/assets/src_types_高级类型.md.xpfmnY7g.lean.js">
     <link rel="icon" href="/ran/favicon.ico">
     <link rel="manifest" href="/ran/manifest.json">
     <meta name="theme-color" content="#646cff">
@@ -36,14 +36,14 @@
     <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-0MPS5WH1C0");</script>
     <script>var _hmt=_hmt||[];(function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?3bc20bd8070ce614078a36c686209456";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})();</script>
     <script>window.uploadFile=i=>{const t=document.getElementById(i),e=document.createElement("input");e.setAttribute("type","file"),e.click(),e.onchange=o=>{const{files:c=[]}=e;if(t&&c&&c.length>0){t.setAttribute("src","");const n=c[0],l=URL.createObjectURL(n);t.setAttribute("src",l)}}};</script>
-    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129561.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
+    <script>const registerServiceWorker=async()=>{if("serviceWorker"in window.navigator)try{const e=await navigator.serviceWorker.register("/ran/sw1728129796.js",{scope:"/ran/"});e.installing?console.log("installing Service worker"):e.waiting?console.log("Service worker installed"):e.active&&console.log("Service worker active")}catch(e){console.error("service worker register error:",e)}};registerServiceWorker();</script>
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
     <script>import("/ran/pagefind/pagefind.js").then(i=>{window.__pagefind__=i,i.init()}).catch(()=>{});</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/types/高级类型.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/types/高级类型.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav empty fixed" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><!----><div class="VPContent" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_types_%E9%AB%98%E7%BA%A7%E7%B1%BB%E5%9E%8B" data-v-9f8645df><div data-pagefind-body="true"><h1 id="typescript-内置的高级类型" tabindex="-1">TypeScript 内置的高级类型 <a class="header-anchor" href="#typescript-内置的高级类型" aria-label="Permalink to &quot;TypeScript 内置的高级类型&quot;">​</a></h1><h2 id="parameters" tabindex="-1">Parameters <a class="header-anchor" href="#parameters" aria-label="Permalink to &quot;Parameters&quot;">​</a></h2><p>Parameters 用于提取函数类型的参数类型。</p><h2 id="returntype" tabindex="-1">ReturnType <a class="header-anchor" href="#returntype" aria-label="Permalink to &quot;ReturnType&quot;">​</a></h2><p>ReturnType 用于提取函数类型的返回值类型。</p><h2 id="constructorparameters" tabindex="-1">ConstructorParameters <a class="header-anchor" href="#constructorparameters" aria-label="Permalink to &quot;ConstructorParameters&quot;">​</a></h2><p>构造器类型和函数类型的区别就是可以被 new。</p><p>Parameters 用于提取函数参数的类型，而 ConstructorParameters 用于提取构造器参数的类型。</p><h2 id="instancetype" tabindex="-1">InstanceType <a class="header-anchor" href="#instancetype" aria-label="Permalink to &quot;InstanceType&quot;">​</a></h2><p>提取了构造器参数的类型，自然也可以提取构造器返回值的类型，就是 InstanceType。</p><h2 id="thisparametertype" tabindex="-1">ThisParameterType <a class="header-anchor" href="#thisparametertype" aria-label="Permalink to &quot;ThisParameterType&quot;">​</a></h2><h2 id="omitthisparameter" tabindex="-1">OmitThisParameter <a class="header-anchor" href="#omitthisparameter" aria-label="Permalink to &quot;OmitThisParameter&quot;">​</a></h2><h2 id="partial" tabindex="-1">Partial <a class="header-anchor" href="#partial" aria-label="Permalink to &quot;Partial&quot;">​</a></h2><h2 id="required" tabindex="-1">Required <a class="header-anchor" href="#required" aria-label="Permalink to &quot;Required&quot;">​</a></h2><h2 id="readonly" tabindex="-1">Readonly <a class="header-anchor" href="#readonly" aria-label="Permalink to &quot;Readonly&quot;">​</a></h2><h2 id="pick" tabindex="-1">Pick <a class="header-anchor" href="#pick" aria-label="Permalink to &quot;Pick&quot;">​</a></h2><h2 id="record" tabindex="-1">Record <a class="header-anchor" href="#record" aria-label="Permalink to &quot;Record&quot;">​</a></h2><h2 id="exclude" tabindex="-1">Exclude <a class="header-anchor" href="#exclude" aria-label="Permalink to &quot;Exclude&quot;">​</a></h2><h2 id="extract" tabindex="-1">Extract <a class="header-anchor" href="#extract" aria-label="Permalink to &quot;Extract&quot;">​</a></h2><h2 id="omit" tabindex="-1">Omit <a class="header-anchor" href="#omit" aria-label="Permalink to &quot;Omit&quot;">​</a></h2><h2 id="awaited" tabindex="-1">Awaited <a class="header-anchor" href="#awaited" aria-label="Permalink to &quot;Awaited&quot;">​</a></h2><h2 id="nonnullable" tabindex="-1">NonNullable <a class="header-anchor" href="#nonnullable" aria-label="Permalink to &quot;NonNullable&quot;">​</a></h2><h2 id="uppercase" tabindex="-1">Uppercase <a class="header-anchor" href="#uppercase" aria-label="Permalink to &quot;Uppercase&quot;">​</a></h2><h2 id="lowercase" tabindex="-1">Lowercase <a class="header-anchor" href="#lowercase" aria-label="Permalink to &quot;Lowercase&quot;">​</a></h2><h2 id="capitalize" tabindex="-1">Capitalize <a class="header-anchor" href="#capitalize" aria-label="Permalink to &quot;Capitalize&quot;">​</a></h2><h2 id="uncapitalize" tabindex="-1">Uncapitalize <a class="header-anchor" href="#uncapitalize" aria-label="Permalink to &quot;Uncapitalize&quot;">​</a></h2><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>比如用模式匹配可以实现：Parameters、ReturnType、ConstructorParameters、InstanceType、ThisParameterType。</p><p>用模式匹配 + 重新构造可以实现：OmitThisParameter</p><p>用重新构造可以实现：Partial、Required、Readonly、Pick、Record</p><p>用模式匹配 + 递归可以实现： Awaited</p><p>用联合类型在分布式条件类型的特性可以实现： Exclude</p><p>此外还有 NonNullable 和四个编译器内部实现的类型：Uppercase、Lowercase、Capitalize、Uncapitalize。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:52:05.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"CC940uHT\",\"cn_src_article_astparse_tokenizer.md\":\"CbTsq3qg\",\"cn_src_article_babel.md\":\"Bb4oNZ50\",\"cn_src_article_bundle.md\":\"BgkzbBow\",\"cn_src_article_designmode.md\":\"BzjcnDMg\",\"cn_src_article_docpreview.md\":\"Bk6_K5Up\",\"cn_src_article_functionalprogramming.md\":\"BI-pI2Tm\",\"cn_src_article_imagemin.md\":\"CEVub_ZQ\",\"cn_src_article_javascript_domload.md\":\"CI-VlQc8\",\"cn_src_article_sort_bubble_index.md\":\"Cr8QMhiM\",\"cn_src_article_sort_bucket_index.md\":\"Dl_rJ3sv\",\"cn_src_article_sort_count_index.md\":\"BwHTgoYv\",\"cn_src_article_sort_heap_index.md\":\"oxRUNOKZ\",\"cn_src_article_sort_index.md\":\"V1uGWtUp\",\"cn_src_article_sort_insert_index.md\":\"BPxYKrUM\",\"cn_src_article_sort_merge_index.md\":\"Dz-ycn2t\",\"cn_src_article_sort_quick_index.md\":\"Dm-fpFZL\",\"cn_src_article_sort_radix_index.md\":\"CmXyO2h4\",\"cn_src_article_sort_select_index.md\":\"C6f3fqev\",\"cn_src_article_sort_shell_index.md\":\"B0DKjSD6\",\"cn_src_article_systemdesign.md\":\"Oy3scZvv\",\"cn_src_article_typescript_calculate.md\":\"DPFdz5ZN\",\"cn_src_article_typescript_index.md\":\"CaFWWXxk\",\"cn_src_article_typescript_pattern.md\":\"GG3CpSHa\",\"cn_src_article_typescript_reconstruction.md\":\"B-6dp4-w\",\"cn_src_article_typescript_recursion.md\":\"NrD8NlPF\",\"cn_src_article_typescript_uniontype.md\":\"BgeL6nAW\",\"cn_src_article_video.md\":\"Cz2oSvp1\",\"cn_src_article_visual.md\":\"Be4MMnab\",\"cn_src_note_centos.md\":\"BcqWCqVs\",\"cn_src_note_docker.md\":\"BeX3ffKU\",\"cn_src_note_libreoffice2wasm.md\":\"DATIsYiT\",\"cn_src_note_ubuntu.md\":\"C1lhavpN\",\"cn_src_ranui_button_index.md\":\"B-YucaRE\",\"cn_src_ranui_checkbox_index.md\":\"7OhoHSmh\",\"cn_src_ranui_icon_index.md\":\"7jVbQ82_\",\"cn_src_ranui_image_index.md\":\"CEdjKNte\",\"cn_src_ranui_index.md\":\"Cv0LhI4v\",\"cn_src_ranui_input_index.md\":\"CKpr9bUR\",\"cn_src_ranui_loading_index.md\":\"CcRWELn0\",\"cn_src_ranui_math_index.md\":\"nmeuJ7af\",\"cn_src_ranui_message_index.md\":\"OWf7PDqT\",\"cn_src_ranui_modal_index.md\":\"C5SgGuYU\",\"cn_src_ranui_player_index.md\":\"DXjOFy1h\",\"cn_src_ranui_popover_index.md\":\"YQ2K5eFD\",\"cn_src_ranui_preview_index.md\":\"MwV2D84f\",\"cn_src_ranui_progress_index.md\":\"BhrzleOl\",\"cn_src_ranui_radar_index.md\":\"JUC5Tblz\",\"cn_src_ranui_select_index.md\":\"CqrSnS3F\",\"cn_src_ranui_skeleton_index.md\":\"DfgRdP5t\",\"cn_src_ranui_tab_index.md\":\"BlcshkmY\",\"cn_src_ranui_tabs_index.md\":\"BnLsjdMq\",\"cn_src_ranuts_binarytree_index.md\":\"CoTPSG40\",\"cn_src_ranuts_bundler_index.md\":\"Bui4hlUf\",\"cn_src_ranuts_file_appendfile.md\":\"CYzaDkUO\",\"cn_src_ranuts_file_fileinfo.md\":\"cszSvf9s\",\"cn_src_ranuts_file_readdir.md\":\"DVHZJj5k\",\"cn_src_ranuts_file_readfile.md\":\"CMWdjeNp\",\"cn_src_ranuts_file_watchfile.md\":\"5h3FtZpC\",\"cn_src_ranuts_file_writefile.md\":\"DLZe7Swq\",\"cn_src_ranuts_index.md\":\"B_7KgyI-\",\"cn_src_ranuts_mimetype_mimetype.md\":\"nxjk8xi_\",\"cn_src_ranuts_mode_subscribe.md\":\"BpJB8REw\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"BQFuSXTt\",\"cn_src_ranuts_utils_filterobj.md\":\"R6pWg6_Y\",\"cn_src_ranuts_utils_formatjson.md\":\"w3L-Rhdf\",\"cn_src_ranuts_utils_getcookie.md\":\"ChQkIFFD\",\"cn_src_ranuts_utils_ocr.md\":\"CCSas4Mw\",\"cn_src_ranuts_utils_str2xml.md\":\"CgTEUJ7O\",\"cn_src_ranuts_utils_task.md\":\"BLYztfpY\",\"cn_src_types_ts类型.md\":\"ctrtnDXL\",\"cn_src_types_模式匹配.md\":\"DWHjoF0h\",\"cn_src_types_类型运算.md\":\"BALncgle\",\"cn_src_types_高级类型.md\":\"C_sodMsN\",\"index.md\":\"C1mV7KLR\",\"src_article_astparse_tokenizer.md\":\"m5lyUfzX\",\"src_article_babel.md\":\"D0mGQXMo\",\"src_article_bundle.md\":\"BvqfF4Lk\",\"src_article_designmode.md\":\"DWnxNFS_\",\"src_article_functionalprogramming.md\":\"Bbl-kdPi\",\"src_article_imagemin.md\":\"CNzOGYN8\",\"src_article_javascript_domload.md\":\"f1BWKaWm\",\"src_article_sort_bubble_index.md\":\"DM2Rnnat\",\"src_article_sort_bucket_index.md\":\"BTbi9aJ6\",\"src_article_sort_count_index.md\":\"Ch5HRRp8\",\"src_article_sort_heap_index.md\":\"D-XARjAx\",\"src_article_sort_index.md\":\"LNhlg9Oa\",\"src_article_sort_insert_index.md\":\"B-oNm95-\",\"src_article_sort_merge_index.md\":\"D6h05wbs\",\"src_article_sort_quick_index.md\":\"C9uemKEa\",\"src_article_sort_radix_index.md\":\"Ca-wVT5Q\",\"src_article_sort_select_index.md\":\"CgrU_Nnu\",\"src_article_sort_shell_index.md\":\"DOUhMGGU\",\"src_article_typescript_calculate.md\":\"CVW8Xao2\",\"src_article_typescript_index.md\":\"CZyb-Nhf\",\"src_article_typescript_pattern.md\":\"dRLdKmiq\",\"src_article_typescript_reconstruction.md\":\"RJXBSd9W\",\"src_article_typescript_recursion.md\":\"CxwYW6pd\",\"src_article_typescript_uniontype.md\":\"lwThafAB\",\"src_ranui_button_index.md\":\"Bv4CarK8\",\"src_ranui_checkbox_index.md\":\"D6UQK38M\",\"src_ranui_icon_index.md\":\"Cada4EMN\",\"src_ranui_image_index.md\":\"iND1p-rT\",\"src_ranui_index.md\":\"BQzsJSIN\",\"src_ranui_input_index.md\":\"dqo--3Vk\",\"src_ranui_loading_index.md\":\"Cr0qirnC\",\"src_ranui_math_index.md\":\"CAvnqA_Q\",\"src_ranui_message_index.md\":\"Dr_PZANG\",\"src_ranui_modal_index.md\":\"BChGxskG\",\"src_ranui_player_index.md\":\"DSXQVeNM\",\"src_ranui_popover_index.md\":\"4cp6AOCz\",\"src_ranui_preview_index.md\":\"GrIEkeLk\",\"src_ranui_progress_index.md\":\"Be_sOmHB\",\"src_ranui_radar_index.md\":\"CkBeOv58\",\"src_ranui_select_index.md\":\"DgN8GI_q\",\"src_ranui_skeleton_index.md\":\"DnZOMEV1\",\"src_ranui_tab_index.md\":\"CciVbuSi\",\"src_ranui_tabs_index.md\":\"CkEcQ38o\",\"src_ranuts_binarytree_index.md\":\"DvglfkNJ\",\"src_ranuts_bundler_index.md\":\"D3F9791C\",\"src_ranuts_file_appendfile.md\":\"CN41s_o-\",\"src_ranuts_file_fileinfo.md\":\"CZ2C_27B\",\"src_ranuts_file_readdir.md\":\"d3nM0oPh\",\"src_ranuts_file_readfile.md\":\"CwPAyuVM\",\"src_ranuts_file_watchfile.md\":\"DYvq_aUK\",\"src_ranuts_file_writefile.md\":\"CdGN48zU\",\"src_ranuts_index.md\":\"CHFYg7WB\",\"src_ranuts_mimetype_mimetype.md\":\"Bp_Buc7N\",\"src_ranuts_mode_subscribe.md\":\"DmGp9s_W\",\"src_ranuts_utils_convertimagetobase64.md\":\"CQdNGUWw\",\"src_ranuts_utils_filterobj.md\":\"SUYinD61\",\"src_ranuts_utils_formatjson.md\":\"BQjsxBql\",\"src_ranuts_utils_getcookie.md\":\"glwGRuBT\",\"src_ranuts_utils_ocr.md\":\"Bac0Ieci\",\"src_ranuts_utils_str2xml.md\":\"BTPyA91O\",\"src_ranuts_utils_task.md\":\"BA-6r3zJ\",\"src_types_ts类型.md\":\"BAdYqP2z\",\"src_types_模式匹配.md\":\"CFNrWo4G\",\"src_types_类型运算.md\":\"DitU5zkD\",\"src_types_高级类型.md\":\"BcsCXIM4\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
+    <div id="app"><div class="Layout" data-v-1e8cdb3b><!--[--><!--]--><!--[--><span tabindex="-1" data-v-e8369309></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-e8369309> Skip to content </a><!--]--><!----><header class="VPNav" data-v-1e8cdb3b data-v-a62deceb><div class="VPNavBar" data-v-a62deceb data-v-f9756f2d><div class="wrapper" data-v-f9756f2d><div class="container" data-v-f9756f2d><div class="title" data-v-f9756f2d><div class="VPNavBarTitle" data-v-f9756f2d data-v-9f785053><a class="title" href="/ran/" data-v-9f785053><!--[--><!--]--><!--[--><img class="VPImage logo" src="/ran/home.svg" alt data-v-7b8f395d><!--]--><span data-v-9f785053>ran</span><!--[--><!--]--></a></div></div><div class="content" data-v-f9756f2d><div class="content-body" data-v-f9756f2d><!--[--><!--]--><div class="blog-search search" data-pagefind-ignore="all" data-v-f9756f2d data-v-fd998d3a><div class="nav-search-btn-wait" data-v-fd998d3a><span data-v-fd998d3a><svg width="14" height="14" viewBox="0 0 20 20" data-v-fd998d3a><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round" data-v-fd998d3a></path></svg></span><span class="search-tip" data-v-fd998d3a>Search</span><span class="metaKey" data-v-fd998d3a> K </span></div><!----></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-f9756f2d data-v-30753f5b><span id="main-nav-aria-label" class="visually-hidden" data-v-30753f5b> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Home</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranuts/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Function</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/ranui/" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Component</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/ran/src/article/designMode.html" tabindex="0" data-v-30753f5b data-v-e692fe86><!--[--><span data-v-e692fe86>Article</span><!--]--></a><!--]--><!--]--></nav><div class="VPFlyout VPNavBarTranslations translations" data-v-f9756f2d data-v-d78d18d0 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="Change language" data-v-7e42a472><span class="text" data-v-7e42a472><span class="vpi-languages option-icon" data-v-7e42a472></span><!----><span class="vpi-chevron-down text-icon" data-v-7e42a472></span></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="items" data-v-d78d18d0><p class="title" data-v-d78d18d0>English</p><!--[--><div class="VPMenuLink" data-v-d78d18d0 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/types/高级类型.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><!--]--><!--]--></div></div></div><div class="VPNavBarAppearance appearance" data-v-f9756f2d data-v-12ad808b><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-12ad808b data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-f9756f2d data-v-b7887d5a data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-f9756f2d data-v-1b59c413 data-v-7e42a472><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-7e42a472><span class="vpi-more-horizontal icon" data-v-7e42a472></span></button><div class="menu" data-v-7e42a472><div class="VPMenu" data-v-7e42a472 data-v-e8a1c26e><!----><!--[--><!--[--><div class="group translations" data-v-1b59c413><p class="trans-title" data-v-1b59c413>English</p><!--[--><div class="VPMenuLink" data-v-1b59c413 data-v-7e61137e><a class="VPLink link" href="/ran/cn/src/types/高级类型.html" data-v-7e61137e><!--[-->简体中文<!--]--></a></div><!--]--></div><div class="group" data-v-1b59c413><div class="item appearance" data-v-1b59c413><p class="label" data-v-1b59c413>Appearance</p><div class="appearance-action" data-v-1b59c413><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-1b59c413 data-v-41f06fec data-v-bdb57495><span class="check" data-v-bdb57495><span class="icon" data-v-bdb57495><!--[--><span class="vpi-sun sun" data-v-41f06fec></span><span class="vpi-moon moon" data-v-41f06fec></span><!--]--></span></span></button></div></div></div><div class="group" data-v-1b59c413><div class="item social-links" data-v-1b59c413><div class="VPSocialLinks social-links-list" data-v-1b59c413 data-v-259de3d6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/chaxus/ran" aria-label="github" target="_blank" rel="noopener" data-v-259de3d6 data-v-1d65eafe><span class="vpi-social-github" /></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-f9756f2d data-v-0fa0fd27><span class="container" data-v-0fa0fd27><span class="top" data-v-0fa0fd27></span><span class="middle" data-v-0fa0fd27></span><span class="bottom" data-v-0fa0fd27></span></span></button></div></div></div></div><div class="divider" data-v-f9756f2d><div class="divider-line" data-v-f9756f2d></div></div></div><!----></header><div class="VPLocalNav empty fixed" data-v-1e8cdb3b data-v-6c3804f2><div class="container" data-v-6c3804f2><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-6c3804f2 data-v-fd549330><button data-v-fd549330>Return to top</button><!----></div></div></div><!----><div class="VPContent" id="VPContent" data-v-1e8cdb3b data-v-c575eed1><div class="VPDoc has-aside" data-v-c575eed1 data-v-9f8645df><!--[--><!--]--><div class="container" data-v-9f8645df><div class="aside" data-v-9f8645df><div class="aside-curtain" data-v-9f8645df></div><div class="aside-container" data-v-9f8645df><div class="aside-content" data-v-9f8645df><div class="VPDocAside" data-v-9f8645df data-v-4bbff643><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-4bbff643 data-v-e95709bb><div class="content" data-v-e95709bb><div class="outline-marker" data-v-e95709bb></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-e95709bb>On this page</div><ul class="VPDocOutlineItem root" data-v-e95709bb data-v-fc78d431><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-4bbff643></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-9f8645df><div class="content-container" data-v-9f8645df><!--[--><!--]--><main class="main" data-v-9f8645df><div style="position:relative;" class="vp-doc _ran_src_types_%E9%AB%98%E7%BA%A7%E7%B1%BB%E5%9E%8B" data-v-9f8645df><div data-pagefind-body="true"><h1 id="typescript-内置的高级类型" tabindex="-1">TypeScript 内置的高级类型 <a class="header-anchor" href="#typescript-内置的高级类型" aria-label="Permalink to &quot;TypeScript 内置的高级类型&quot;">​</a></h1><h2 id="parameters" tabindex="-1">Parameters <a class="header-anchor" href="#parameters" aria-label="Permalink to &quot;Parameters&quot;">​</a></h2><p>Parameters 用于提取函数类型的参数类型。</p><h2 id="returntype" tabindex="-1">ReturnType <a class="header-anchor" href="#returntype" aria-label="Permalink to &quot;ReturnType&quot;">​</a></h2><p>ReturnType 用于提取函数类型的返回值类型。</p><h2 id="constructorparameters" tabindex="-1">ConstructorParameters <a class="header-anchor" href="#constructorparameters" aria-label="Permalink to &quot;ConstructorParameters&quot;">​</a></h2><p>构造器类型和函数类型的区别就是可以被 new。</p><p>Parameters 用于提取函数参数的类型，而 ConstructorParameters 用于提取构造器参数的类型。</p><h2 id="instancetype" tabindex="-1">InstanceType <a class="header-anchor" href="#instancetype" aria-label="Permalink to &quot;InstanceType&quot;">​</a></h2><p>提取了构造器参数的类型，自然也可以提取构造器返回值的类型，就是 InstanceType。</p><h2 id="thisparametertype" tabindex="-1">ThisParameterType <a class="header-anchor" href="#thisparametertype" aria-label="Permalink to &quot;ThisParameterType&quot;">​</a></h2><h2 id="omitthisparameter" tabindex="-1">OmitThisParameter <a class="header-anchor" href="#omitthisparameter" aria-label="Permalink to &quot;OmitThisParameter&quot;">​</a></h2><h2 id="partial" tabindex="-1">Partial <a class="header-anchor" href="#partial" aria-label="Permalink to &quot;Partial&quot;">​</a></h2><h2 id="required" tabindex="-1">Required <a class="header-anchor" href="#required" aria-label="Permalink to &quot;Required&quot;">​</a></h2><h2 id="readonly" tabindex="-1">Readonly <a class="header-anchor" href="#readonly" aria-label="Permalink to &quot;Readonly&quot;">​</a></h2><h2 id="pick" tabindex="-1">Pick <a class="header-anchor" href="#pick" aria-label="Permalink to &quot;Pick&quot;">​</a></h2><h2 id="record" tabindex="-1">Record <a class="header-anchor" href="#record" aria-label="Permalink to &quot;Record&quot;">​</a></h2><h2 id="exclude" tabindex="-1">Exclude <a class="header-anchor" href="#exclude" aria-label="Permalink to &quot;Exclude&quot;">​</a></h2><h2 id="extract" tabindex="-1">Extract <a class="header-anchor" href="#extract" aria-label="Permalink to &quot;Extract&quot;">​</a></h2><h2 id="omit" tabindex="-1">Omit <a class="header-anchor" href="#omit" aria-label="Permalink to &quot;Omit&quot;">​</a></h2><h2 id="awaited" tabindex="-1">Awaited <a class="header-anchor" href="#awaited" aria-label="Permalink to &quot;Awaited&quot;">​</a></h2><h2 id="nonnullable" tabindex="-1">NonNullable <a class="header-anchor" href="#nonnullable" aria-label="Permalink to &quot;NonNullable&quot;">​</a></h2><h2 id="uppercase" tabindex="-1">Uppercase <a class="header-anchor" href="#uppercase" aria-label="Permalink to &quot;Uppercase&quot;">​</a></h2><h2 id="lowercase" tabindex="-1">Lowercase <a class="header-anchor" href="#lowercase" aria-label="Permalink to &quot;Lowercase&quot;">​</a></h2><h2 id="capitalize" tabindex="-1">Capitalize <a class="header-anchor" href="#capitalize" aria-label="Permalink to &quot;Capitalize&quot;">​</a></h2><h2 id="uncapitalize" tabindex="-1">Uncapitalize <a class="header-anchor" href="#uncapitalize" aria-label="Permalink to &quot;Uncapitalize&quot;">​</a></h2><h2 id="总结" tabindex="-1">总结 <a class="header-anchor" href="#总结" aria-label="Permalink to &quot;总结&quot;">​</a></h2><p>比如用模式匹配可以实现：Parameters、ReturnType、ConstructorParameters、InstanceType、ThisParameterType。</p><p>用模式匹配 + 重新构造可以实现：OmitThisParameter</p><p>用重新构造可以实现：Partial、Required、Readonly、Pick、Record</p><p>用模式匹配 + 递归可以实现： Awaited</p><p>用联合类型在分布式条件类型的特性可以实现： Exclude</p><p>此外还有 NonNullable 和四个编译器内部实现的类型：Uppercase、Lowercase、Capitalize、Uncapitalize。</p></div></div></main><footer class="VPDocFooter" data-v-9f8645df data-v-00ab7d08><!--[--><!--]--><div class="edit-info" data-v-00ab7d08><!----><div class="last-updated" data-v-00ab7d08><p class="VPLastUpdated" data-v-00ab7d08 data-v-3c231858>Last updated: <time datetime="2024-10-05T11:55:44.000Z" data-v-3c231858></time></p></div></div><!----></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-1e8cdb3b data-v-042815a5><div class="container" data-v-042815a5><p class="message" data-v-042815a5>Released under the MIT License.</p><p class="copyright" data-v-042815a5>Copyright © 2022-11-11</p></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"cn_index.md\":\"BLhfTKfk\",\"cn_src_article_astparse_tokenizer.md\":\"fRsPjbrs\",\"cn_src_article_babel.md\":\"igUT7dgP\",\"cn_src_article_bundle.md\":\"DQFZ3YRD\",\"cn_src_article_designmode.md\":\"B2Mi_NTb\",\"cn_src_article_docpreview.md\":\"BpvHIdsV\",\"cn_src_article_functionalprogramming.md\":\"B0WkJbH2\",\"cn_src_article_imagemin.md\":\"O-LRpAFt\",\"cn_src_article_javascript_domload.md\":\"Cc9Twcl2\",\"cn_src_article_sort_bubble_index.md\":\"BL_0xBSg\",\"cn_src_article_sort_bucket_index.md\":\"CInFho5i\",\"cn_src_article_sort_count_index.md\":\"CLrg_eAi\",\"cn_src_article_sort_heap_index.md\":\"CjUwiufT\",\"cn_src_article_sort_index.md\":\"BhyMit8Y\",\"cn_src_article_sort_insert_index.md\":\"C4G7YeWl\",\"cn_src_article_sort_merge_index.md\":\"CrLtJpMk\",\"cn_src_article_sort_quick_index.md\":\"CmIbA4AB\",\"cn_src_article_sort_radix_index.md\":\"vBHH0tHh\",\"cn_src_article_sort_select_index.md\":\"Cd2SKviA\",\"cn_src_article_sort_shell_index.md\":\"CQc6o0U8\",\"cn_src_article_systemdesign.md\":\"hF7LXas7\",\"cn_src_article_typescript_calculate.md\":\"DFF0Jmnv\",\"cn_src_article_typescript_index.md\":\"BE6MDNaH\",\"cn_src_article_typescript_pattern.md\":\"ClYdggen\",\"cn_src_article_typescript_reconstruction.md\":\"CwRrki5l\",\"cn_src_article_typescript_recursion.md\":\"DXrQrnQX\",\"cn_src_article_typescript_uniontype.md\":\"BEJLXxlO\",\"cn_src_article_video.md\":\"D_lFXyPJ\",\"cn_src_article_visual.md\":\"DseWRfx9\",\"cn_src_note_centos.md\":\"DNIN5Wz6\",\"cn_src_note_docker.md\":\"Dwk9bEUN\",\"cn_src_note_libreoffice2wasm.md\":\"DG6uOQ65\",\"cn_src_note_ubuntu.md\":\"boe-scbt\",\"cn_src_ranui_button_index.md\":\"ByX0UCnc\",\"cn_src_ranui_checkbox_index.md\":\"Csmdnt0O\",\"cn_src_ranui_icon_index.md\":\"VgKq_hwc\",\"cn_src_ranui_image_index.md\":\"DTxkaIXi\",\"cn_src_ranui_index.md\":\"DbAIrpTI\",\"cn_src_ranui_input_index.md\":\"Xj5VXLle\",\"cn_src_ranui_loading_index.md\":\"Cd9-GnXr\",\"cn_src_ranui_math_index.md\":\"vkrzCmwa\",\"cn_src_ranui_message_index.md\":\"DQaOXw4A\",\"cn_src_ranui_modal_index.md\":\"Ct_5BTpn\",\"cn_src_ranui_player_index.md\":\"ClG2z7Rd\",\"cn_src_ranui_popover_index.md\":\"CKCBCC0z\",\"cn_src_ranui_preview_index.md\":\"HNgH1cdk\",\"cn_src_ranui_progress_index.md\":\"B6p9KAvb\",\"cn_src_ranui_radar_index.md\":\"D7lwGVbW\",\"cn_src_ranui_select_index.md\":\"x3hqXtMG\",\"cn_src_ranui_skeleton_index.md\":\"CxsOeOpu\",\"cn_src_ranui_tab_index.md\":\"_Yrr2Do-\",\"cn_src_ranui_tabs_index.md\":\"Y6X6hlvp\",\"cn_src_ranuts_binarytree_index.md\":\"B0ahr_Mn\",\"cn_src_ranuts_bundler_index.md\":\"DwAuuXbu\",\"cn_src_ranuts_file_appendfile.md\":\"B63KmkE8\",\"cn_src_ranuts_file_fileinfo.md\":\"CqJn8JuV\",\"cn_src_ranuts_file_readdir.md\":\"BAFE9wq0\",\"cn_src_ranuts_file_readfile.md\":\"_sEkTrwK\",\"cn_src_ranuts_file_watchfile.md\":\"DizkqDrO\",\"cn_src_ranuts_file_writefile.md\":\"Bu4zBA8r\",\"cn_src_ranuts_index.md\":\"Br1tGjNi\",\"cn_src_ranuts_mimetype_mimetype.md\":\"D8QLJam4\",\"cn_src_ranuts_mode_subscribe.md\":\"Dfqta45A\",\"cn_src_ranuts_utils_convertimagetobase64.md\":\"Baw_0VwK\",\"cn_src_ranuts_utils_filterobj.md\":\"CxRU9J7j\",\"cn_src_ranuts_utils_formatjson.md\":\"BPEAnSbs\",\"cn_src_ranuts_utils_getcookie.md\":\"Cn937pro\",\"cn_src_ranuts_utils_ocr.md\":\"DDRRaGe9\",\"cn_src_ranuts_utils_str2xml.md\":\"Bde3XsNH\",\"cn_src_ranuts_utils_task.md\":\"vM2hJa_Z\",\"cn_src_types_ts类型.md\":\"BqYfr0BF\",\"cn_src_types_模式匹配.md\":\"Cv2DtzlL\",\"cn_src_types_类型运算.md\":\"DMkykj3f\",\"cn_src_types_高级类型.md\":\"BDtDighX\",\"index.md\":\"D7BH-fMN\",\"src_article_astparse_tokenizer.md\":\"CuCr3w1T\",\"src_article_babel.md\":\"Cy_u0Zgd\",\"src_article_bundle.md\":\"CJFsaLBq\",\"src_article_designmode.md\":\"CsQyDQ9L\",\"src_article_functionalprogramming.md\":\"BPj6iTX9\",\"src_article_imagemin.md\":\"F6ka3QYU\",\"src_article_javascript_domload.md\":\"ISLuBQzT\",\"src_article_sort_bubble_index.md\":\"DmhPntEW\",\"src_article_sort_bucket_index.md\":\"1nocTUlS\",\"src_article_sort_count_index.md\":\"Du6QhWUu\",\"src_article_sort_heap_index.md\":\"DUjhT9HH\",\"src_article_sort_index.md\":\"Day6RJ-s\",\"src_article_sort_insert_index.md\":\"Cmba0n6W\",\"src_article_sort_merge_index.md\":\"BYCAvkHG\",\"src_article_sort_quick_index.md\":\"BVXZPTlC\",\"src_article_sort_radix_index.md\":\"CZgriu-L\",\"src_article_sort_select_index.md\":\"DVQbDLxi\",\"src_article_sort_shell_index.md\":\"CGmp_Zfr\",\"src_article_typescript_calculate.md\":\"vojGlJJE\",\"src_article_typescript_index.md\":\"CkcO1_RK\",\"src_article_typescript_pattern.md\":\"CLkB9hDT\",\"src_article_typescript_reconstruction.md\":\"6hei5wds\",\"src_article_typescript_recursion.md\":\"Cklrk5ux\",\"src_article_typescript_uniontype.md\":\"DWIWcdin\",\"src_ranui_button_index.md\":\"xyRWgUv8\",\"src_ranui_checkbox_index.md\":\"DZWEhA_6\",\"src_ranui_icon_index.md\":\"CCbuLCdk\",\"src_ranui_image_index.md\":\"DWE25Dbt\",\"src_ranui_index.md\":\"CLoF5T0G\",\"src_ranui_input_index.md\":\"BYzbt7Jg\",\"src_ranui_loading_index.md\":\"CPbTFkjm\",\"src_ranui_math_index.md\":\"BEaDYiBh\",\"src_ranui_message_index.md\":\"C9TUA1qN\",\"src_ranui_modal_index.md\":\"CeMIN_J0\",\"src_ranui_player_index.md\":\"DwTQwuCV\",\"src_ranui_popover_index.md\":\"PFeffqLM\",\"src_ranui_preview_index.md\":\"hkKqqHBY\",\"src_ranui_progress_index.md\":\"CubSOb3E\",\"src_ranui_radar_index.md\":\"DVubbf7p\",\"src_ranui_select_index.md\":\"DQq3MVHp\",\"src_ranui_skeleton_index.md\":\"BUf_Burp\",\"src_ranui_tab_index.md\":\"DSSJuz31\",\"src_ranui_tabs_index.md\":\"Y_dSHlvB\",\"src_ranuts_binarytree_index.md\":\"TEku7NN9\",\"src_ranuts_bundler_index.md\":\"DzEPrDNS\",\"src_ranuts_file_appendfile.md\":\"1-6oJJ-H\",\"src_ranuts_file_fileinfo.md\":\"C2z4D1Q8\",\"src_ranuts_file_readdir.md\":\"BvSC38m-\",\"src_ranuts_file_readfile.md\":\"Ac6LvpUh\",\"src_ranuts_file_watchfile.md\":\"i-gzm-Mr\",\"src_ranuts_file_writefile.md\":\"2z4SHchp\",\"src_ranuts_index.md\":\"BJ436-Wa\",\"src_ranuts_mimetype_mimetype.md\":\"CgbW52XX\",\"src_ranuts_mode_subscribe.md\":\"CBjAEwg0\",\"src_ranuts_utils_convertimagetobase64.md\":\"COMNqW1t\",\"src_ranuts_utils_filterobj.md\":\"Q_-NUV8p\",\"src_ranuts_utils_formatjson.md\":\"DQX6wWMq\",\"src_ranuts_utils_getcookie.md\":\"CRjg9zYL\",\"src_ranuts_utils_ocr.md\":\"COxYWSg4\",\"src_ranuts_utils_str2xml.md\":\"84gjZ6IG\",\"src_ranuts_utils_task.md\":\"DEROvLOz\",\"src_types_ts类型.md\":\"Du9AK3lr\",\"src_types_模式匹配.md\":\"DO7GM6xX\",\"src_types_类型运算.md\":\"D_oUktxL\",\"src_types_高级类型.md\":\"xpfmnY7g\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ran\",\"description\":\"Based on web component library, common function library utils, personal article record and so on\",\"base\":\"/ran/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"Home\",\"link\":\"/\"},{\"text\":\"Function\",\"link\":\"/src/ranuts/\"},{\"text\":\"Component\",\"link\":\"/src/ranui/\"},{\"text\":\"Article\",\"link\":\"/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/src/ranuts/\":[{\"text\":\"Overview\",\"link\":\"/src/ranuts/\"},{\"text\":\"Universal Function\",\"items\":[{\"text\":\"Filter object\",\"link\":\"/src/ranuts/utils/filterObj.md\"},{\"text\":\"Statistical execution time\",\"link\":\"/src/ranuts/utils/task.md\"},{\"text\":\"String to xml\",\"link\":\"/src/ranuts/utils/str2xml.md\"},{\"text\":\"Image to base64\",\"link\":\"/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR text recognition`\",\"link\":\"/src/ranuts/utils/ocr.md\"}]},{\"text\":\"Document\",\"items\":[{\"text\":\"Example Query details about a file\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read the name of the file in the directory\",\"link\":\"/src/ranuts/file/readDir.md\"},{\"text\":\"Listen for file changes\",\"link\":\"/src/ranuts/file/watchFile.md\"},{\"text\":\"Read file contents\",\"link\":\"/src/ranuts/file/readFile.md\"},{\"text\":\"Append file content\",\"link\":\"/src/ranuts/file/appendFile.md\"},{\"text\":\"Write to file content\",\"link\":\"/src/ranuts/file/writeFile.md\"}]},{\"text\":\"Design Pattern\",\"items\":[{\"text\":\"Publish-subscribe model\",\"link\":\"/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"Get mime by file suffix type\",\"link\":\"/src/ranuts/mimeType/mimeType.md\"}]}],\"/src/ranui/\":[{\"text\":\"Overview \",\"link\":\"/src/ranui/\"},{\"text\":\"Common\",\"items\":[{\"text\":\"Button\",\"link\":\"/src/ranui/button/\"},{\"text\":\"Icon\",\"link\":\"/src/ranui/icon/\"},{\"text\":\"Loading\",\"link\":\"/src/ranui/loading/\"}]},{\"text\":\"Data Presentation\",\"items\":[{\"text\":\"Image\",\"link\":\"/src/ranui/image/\"},{\"text\":\"Math\",\"link\":\"/src/ranui/math\"},{\"text\":\"CheckBox\",\"link\":\"/src/ranui/checkbox/\"},{\"text\":\"Tabs\",\"link\":\"/src/ranui/tabs/\"},{\"text\":\"Preview\",\"link\":\"/src/ranui/preview/\"},{\"text\":\"Radar\",\"link\":\"/src/ranui/radar/\"},{\"text\":\"Select\",\"link\":\"/src/ranui/select/\"},{\"text\":\"Player\",\"link\":\"/src/ranui/player/\"},{\"text\":\"Progress\",\"link\":\"/src/ranui/progress/\"},{\"text\":\"Popover\",\"link\":\"/src/ranui/popover/\"}]},{\"text\":\"Data Entry\",\"items\":[{\"text\":\"Input\",\"link\":\"/src/ranui/input/\"}]},{\"text\":\"Feedback\",\"items\":[{\"text\":\"Message\",\"link\":\"/src/ranui/message/\"},{\"text\":\"Skeleton\",\"link\":\"/src/ranui/skeleton/\"}]}],\"/src/article/\":[{\"items\":[{\"text\":\"23 classic design patterns\",\"link\":\"/src/article/designMode.md\"},{\"text\":\"Functional programming\",\"link\":\"/src/article/functionalProgramming.md\"},{\"text\":\"Sorting algorithm\",\"link\":\"/src/article/sort/index.md\",\"items\":[{\"text\":\"bubble sort\",\"link\":\"/src/article/sort/bubble/\"},{\"text\":\"selection sort\",\"link\":\"/src/article/sort/select/\"},{\"text\":\"insertion sort\",\"link\":\"/src/article/sort/insert/\"},{\"text\":\"shell sort\",\"link\":\"/src/article/sort/shell/\"},{\"text\":\"Merge sort\",\"link\":\"/src/article/sort/merge/\"},{\"text\":\"Quick sort\",\"link\":\"/src/article/sort/quick/\"},{\"text\":\"Heap Sort\",\"link\":\"/src/article/sort/heap/\"},{\"text\":\"Counting sort\",\"link\":\"/src/article/sort/count/\"},{\"text\":\"Bucket sort\",\"link\":\"/src/article/sort/bucket/\"},{\"text\":\"Radix sort\",\"link\":\"/src/article/sort/radix/\"}]}]}]}},\"locales\":{\"root\":{\"label\":\"English\",\"lang\":\"en\"},\"cn\":{\"label\":\"简体中文\",\"lang\":\"zh-CN\",\"themeConfig\":{\"logo\":\"/home.svg\",\"nav\":[{\"text\":\"首页\",\"link\":\"/cn/\"},{\"text\":\"函数\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"组件\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"璀璨\",\"link\":\"/cn/src/article/designMode.md\"}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/chaxus/ran\"}],\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-11-11\"},\"sidebar\":{\"/cn/src/ranuts/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranuts/\"},{\"text\":\"通用函数\",\"items\":[{\"text\":\"过滤对象\",\"link\":\"/cn/src/ranuts/utils/filterObj.md\"},{\"text\":\"统计执行时间\",\"link\":\"/cn/src/ranuts/utils/task.md\"},{\"text\":\"字符串转 xml\",\"link\":\"/cn/src/ranuts/utils/str2xml.md\"},{\"text\":\"图片转 base64\",\"link\":\"/cn/src/ranuts/utils/convertImageToBase64.md\"},{\"text\":\"OCR 文字识别`\",\"link\":\"/cn/src/ranuts/utils/ocr.md\"}]},{\"text\":\"文件\",\"items\":[{\"text\":\"查询一个文件的详细信息\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取目录下的文件名称\",\"link\":\"/cn/src/ranuts/file/readDir.md\"},{\"text\":\"监听文件是否改变\",\"link\":\"/cn/src/ranuts/file/watchFile.md\"},{\"text\":\"读取文件内容\",\"link\":\"/cn/src/ranuts/file/readFile.md\"},{\"text\":\"追加文件内容\",\"link\":\"/cn/src/ranuts/file/appendFile.md\"},{\"text\":\"写入文件内容\",\"link\":\"/cn/src/ranuts/file/writeFile.md\"}]},{\"text\":\"设计模式\",\"items\":[{\"text\":\"发布订阅模式\",\"link\":\"/cn/src/ranuts/mode/subscribe.md\"}]},{\"text\":\"mime type\",\"items\":[{\"text\":\"通过文件后缀获取 mime type\",\"link\":\"/cn/src/ranuts/mimeType/mimeType.md\"}]}],\"/cn/src/ranui/\":[{\"text\":\"Overview 总览\",\"link\":\"/cn/src/ranui/\"},{\"text\":\"通用\",\"items\":[{\"text\":\"Button 按钮\",\"link\":\"/cn/src/ranui/button/\"},{\"text\":\"Icon 图标\",\"link\":\"/cn/src/ranui/icon/\"},{\"text\":\"Loading 加载中\",\"link\":\"/cn/src/ranui/loading/\"}]},{\"text\":\"数据展示\",\"items\":[{\"text\":\"Image 图片\",\"link\":\"/cn/src/ranui/image/\"},{\"text\":\"Math 数学公式\",\"link\":\"/cn/src/ranui/math/\"},{\"text\":\"CheckBox 多选框\",\"link\":\"/cn/src/ranui/checkbox/\"},{\"text\":\"Tabs 标签页\",\"link\":\"/cn/src/ranui/tabs/\"},{\"text\":\"Preview 预览\",\"link\":\"/cn/src/ranui/preview/\"},{\"text\":\"Radar 雷达图\",\"link\":\"/cn/src/ranui/radar/\"},{\"text\":\"Select 选择框\",\"link\":\"/cn/src/ranui/select/\"},{\"text\":\"Player 视频播放器\",\"link\":\"/cn/src/ranui/player/\"},{\"text\":\"Progress 进度条\",\"link\":\"/cn/src/ranui/progress/\"},{\"text\":\"Popover 气泡卡片\",\"link\":\"/cn/src/ranui/popover/\"}]},{\"text\":\"数据录入\",\"items\":[{\"text\":\"Input 输入框\",\"link\":\"/cn/src/ranui/input/\"}]},{\"text\":\"反馈\",\"items\":[{\"text\":\"Message 全局提示\",\"link\":\"/cn/src/ranui/message/\"},{\"text\":\"Skeleton 骨架屏\",\"link\":\"/cn/src/ranui/skeleton/\"}]}],\"/cn/src/article/\":[{\"items\":[{\"text\":\"23 种经典设计模式\",\"link\":\"/cn/src/article/designMode.md\"},{\"text\":\"函数式编程\",\"link\":\"/cn/src/article/functionalProgramming.md\"},{\"text\":\"web 文档预览方案\",\"link\":\"/cn/src/article/docPreview.md\"},{\"text\":\"Web 视频加密动态方案\",\"link\":\"/cn/src/article/video.md\"},{\"text\":\"可视化渲染引擎\",\"link\":\"/cn/src/article/visual.md\"},{\"text\":\"排序算法\",\"link\":\"/cn/src/article/sort/index.md\",\"items\":[{\"text\":\"冒泡排序\",\"link\":\"/cn/src/article/sort/bubble/\"},{\"text\":\"选择排序\",\"link\":\"/cn/src/article/sort/select/\"},{\"text\":\"插入排序\",\"link\":\"/cn/src/article/sort/insert/\"},{\"text\":\"希尔排序\",\"link\":\"/cn/src/article/sort/shell/\"},{\"text\":\"归并排序\",\"link\":\"/cn/src/article/sort/merge/\"},{\"text\":\"快速排序\",\"link\":\"/cn/src/article/sort/quick/\"},{\"text\":\"堆排序\",\"link\":\"/cn/src/article/sort/heap/\"},{\"text\":\"计数排序\",\"link\":\"/cn/src/article/sort/count/\"},{\"text\":\"桶排序\",\"link\":\"/cn/src/article/sort/bucket/\"},{\"text\":\"基数排序\",\"link\":\"/cn/src/article/sort/radix/\"}]}]}]}}}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/sw1728129561.js b/sw1728129796.js
similarity index 56%
rename from sw1728129561.js
rename to sw1728129796.js
index 8b61b7b58a..9608251571 100644
--- a/sw1728129561.js
+++ b/sw1728129796.js
@@ -67,204 +67,209 @@ const SERVICE_WORK_CACHE_FILE_PATHS = [
 "/ran/icon_72.png",
 "/ran/404.html",
 "/ran/home.svg",
-"/ran/assets/src_article_sort_radix_index.md.Ca-wVT5Q.js",
-"/ran/assets/cn_src_ranui_tab_index.md.BlcshkmY.js",
-"/ran/assets/cn_src_ranui_message_index.md.OWf7PDqT.lean.js",
+"/ran/assets/src_ranui_icon_index.md.CCbuLCdk.js",
 "/ran/assets/Statement.9lGuRes5.jpeg",
-"/ran/assets/cn_src_note_libreoffice2wasm.md.DATIsYiT.lean.js",
-"/ran/assets/cn_src_ranui_checkbox_index.md.7OhoHSmh.js",
-"/ran/assets/src_ranuts_utils_formatJson.md.BQjsxBql.lean.js",
-"/ran/assets/cn_src_article_typescript_calculate.md.DPFdz5ZN.lean.js",
-"/ran/assets/cn_src_ranuts_mimeType_mimeType.md.nxjk8xi_.lean.js",
-"/ran/assets/src_ranuts_file_watchFile.md.DYvq_aUK.js",
-"/ran/assets/cn_src_ranuts_mode_subscribe.md.BpJB8REw.js",
-"/ran/assets/cn_index.md.CC940uHT.lean.js",
+"/ran/assets/src_ranui_message_index.md.C9TUA1qN.js",
+"/ran/assets/cn_src_ranuts_mode_subscribe.md.Dfqta45A.js",
+"/ran/assets/src_ranui_icon_index.md.CCbuLCdk.lean.js",
+"/ran/assets/cn_src_article_bundle.md.DQFZ3YRD.js",
+"/ran/assets/cn_src_article_designMode.md.B2Mi_NTb.lean.js",
+"/ran/assets/src_article_astParse_tokenizer.md.CuCr3w1T.lean.js",
+"/ran/assets/cn_src_ranui_progress_index.md.B6p9KAvb.js",
 "/ran/assets/inter-roman-greek.BBVDIX6e.woff2",
 "/ran/assets/extra.Da45cF33.jpeg",
-"/ran/assets/src_article_sort_radix_index.md.Ca-wVT5Q.lean.js",
-"/ran/assets/cn_src_ranuts_file_appendFile.md.CYzaDkUO.js",
-"/ran/assets/src_article_typescript_pattern.md.dRLdKmiq.lean.js",
-"/ran/assets/src_ranuts_utils_str2xml.md.BTPyA91O.lean.js",
-"/ran/assets/cn_src_article_docPreview.md.Bk6_K5Up.js",
-"/ran/assets/src_article_typescript_recursion.md.CxwYW6pd.js",
+"/ran/assets/cn_src_article_typescript_index.md.BE6MDNaH.js",
+"/ran/assets/cn_src_types_TS类型.md.BqYfr0BF.lean.js",
+"/ran/assets/src_article_sort_quick_index.md.BVXZPTlC.lean.js",
+"/ran/assets/src_ranui_select_index.md.DQq3MVHp.js",
 "/ran/assets/export.ne8l5ppO.jpeg",
-"/ran/assets/src_ranui_checkbox_index.md.D6UQK38M.js",
 "/ran/assets/bili_demo_url.BQDGtHUp.webp",
 "/ran/assets/ms_ppt.C2zYd_IC.webp",
-"/ran/assets/src_ranuts_utils_str2xml.md.BTPyA91O.js",
-"/ran/assets/src_ranuts_utils_filterObj.md.SUYinD61.lean.js",
-"/ran/assets/cn_src_article_typescript_recursion.md.NrD8NlPF.lean.js",
+"/ran/assets/cn_src_ranuts_index.md.Br1tGjNi.lean.js",
+"/ran/assets/src_ranui_skeleton_index.md.BUf_Burp.js",
+"/ran/assets/src_ranui_player_index.md.DwTQwuCV.lean.js",
+"/ran/assets/src_ranuts_utils_task.md.DEROvLOz.js",
+"/ran/assets/cn_src_article_sort_shell_index.md.CQc6o0U8.lean.js",
 "/ran/assets/inter-italic-cyrillic.By2_1cv3.woff2",
 "/ran/assets/bilibili_video_code.DgWtgAEf.webp",
-"/ran/assets/cn_src_ranui_player_index.md.DXjOFy1h.lean.js",
+"/ran/assets/src_ranui_modal_index.md.CeMIN_J0.js",
+"/ran/assets/src_article_babel.md.Cy_u0Zgd.js",
 "/ran/assets/app.BN0mb3GM.js",
 "/ran/assets/抽象工厂.DlwNEriZ.png",
-"/ran/assets/cn_src_article_typescript_calculate.md.DPFdz5ZN.js",
-"/ran/assets/cn_src_article_typescript_index.md.CaFWWXxk.lean.js",
 "/ran/assets/享元.EIifVVTy.png",
 "/ran/assets/适配器.C2VH4lXy.png",
-"/ran/assets/cn_src_ranuts_file_appendFile.md.CYzaDkUO.lean.js",
-"/ran/assets/src_ranui_button_index.md.Bv4CarK8.lean.js",
+"/ran/assets/src_ranui_player_index.md.DwTQwuCV.js",
+"/ran/assets/src_article_typescript_pattern.md.CLkB9hDT.lean.js",
 "/ran/assets/File.BiH2GpuW.jpeg",
-"/ran/assets/cn_src_article_visual.md.Be4MMnab.lean.js",
+"/ran/assets/src_article_sort_select_index.md.DVQbDLxi.lean.js",
 "/ran/assets/import.BTsVI5Tc.jpeg",
-"/ran/assets/src_ranui_tabs_index.md.CkEcQ38o.lean.js",
 "/ran/assets/xgplayer_docs.CpHb1Wan.webp",
 "/ran/assets/inter-roman-latin.Di8DUHzh.woff2",
-"/ran/assets/cn_src_ranuts_bundler_index.md.Bui4hlUf.js",
-"/ran/assets/src_ranui_tab_index.md.CciVbuSi.lean.js",
-"/ran/assets/src_ranuts_utils_ocr.md.Bac0Ieci.js",
-"/ran/assets/cn_src_ranui_tabs_index.md.BnLsjdMq.js",
-"/ran/assets/src_types_模式匹配.md.CFNrWo4G.js",
-"/ran/assets/cn_src_article_typescript_unionType.md.BgeL6nAW.lean.js",
-"/ran/assets/src_ranui_popover_index.md.4cp6AOCz.lean.js",
-"/ran/assets/src_article_functionalProgramming.md.Bbl-kdPi.lean.js",
+"/ran/assets/src_ranuts_mimeType_mimeType.md.CgbW52XX.js",
+"/ran/assets/cn_src_article_typescript_unionType.md.BEJLXxlO.js",
+"/ran/assets/cn_src_ranui_image_index.md.DTxkaIXi.lean.js",
+"/ran/assets/src_article_sort_bucket_index.md.1nocTUlS.js",
+"/ran/assets/src_ranuts_utils_task.md.DEROvLOz.lean.js",
+"/ran/assets/src_article_sort_index.md.Day6RJ-s.lean.js",
+"/ran/assets/cn_src_ranuts_file_fileInfo.md.CqJn8JuV.lean.js",
+"/ran/assets/cn_src_ranuts_file_writeFile.md.Bu4zBA8r.js",
+"/ran/assets/cn_src_article_sort_bucket_index.md.CInFho5i.lean.js",
+"/ran/assets/src_article_imagemin.md.F6ka3QYU.lean.js",
+"/ran/assets/cn_src_ranui_preview_index.md.HNgH1cdk.js",
+"/ran/assets/cn_index.md.BLhfTKfk.js",
+"/ran/assets/src_article_typescript_unionType.md.DWIWcdin.lean.js",
 "/ran/assets/ow365.CXWyYekS.webp",
-"/ran/assets/cn_src_article_sort_bubble_index.md.Cr8QMhiM.lean.js",
-"/ran/assets/src_ranui_input_index.md.dqo--3Vk.lean.js",
-"/ran/assets/cn_src_ranui_modal_index.md.C5SgGuYU.lean.js",
-"/ran/assets/src_ranui_preview_index.md.GrIEkeLk.js",
-"/ran/assets/src_ranui_button_index.md.Bv4CarK8.js",
-"/ran/assets/cn_src_article_sort_merge_index.md.Dz-ycn2t.js",
-"/ran/assets/cn_src_ranui_popover_index.md.YQ2K5eFD.js",
+"/ran/assets/src_ranuts_bundler_index.md.DzEPrDNS.js",
+"/ran/assets/src_ranui_progress_index.md.CubSOb3E.js",
+"/ran/assets/cn_src_article_javascript_domLoad.md.Cc9Twcl2.js",
+"/ran/assets/cn_src_ranui_modal_index.md.Ct_5BTpn.js",
+"/ran/assets/src_ranui_input_index.md.BYzbt7Jg.js",
+"/ran/assets/cn_src_article_visual.md.DseWRfx9.lean.js",
+"/ran/assets/cn_src_ranui_image_index.md.DTxkaIXi.js",
+"/ran/assets/cn_src_article_video.md.D_lFXyPJ.js",
+"/ran/assets/src_ranuts_utils_filterObj.md.Q_-NUV8p.lean.js",
 "/ran/assets/heap.D4myjC6C.gif",
+"/ran/assets/src_article_javascript_domLoad.md.ISLuBQzT.js",
+"/ran/assets/cn_src_article_typescript_calculate.md.DFF0Jmnv.js",
+"/ran/assets/src_ranuts_mode_subscribe.md.CBjAEwg0.lean.js",
 "/ran/assets/bubble.Csp5B4TH.gif",
+"/ran/assets/cn_src_article_functionalProgramming.md.B0WkJbH2.lean.js",
 "/ran/assets/状态.Bt_a2OKX.png",
-"/ran/assets/cn_src_ranuts_file_fileInfo.md.cszSvf9s.lean.js",
-"/ran/assets/cn_src_ranuts_file_fileInfo.md.cszSvf9s.js",
+"/ran/assets/cn_src_article_sort_radix_index.md.vBHH0tHh.js",
 "/ran/assets/wps_office.DiET-U8x.webp",
-"/ran/assets/src_ranuts_file_appendFile.md.CN41s_o-.js",
+"/ran/assets/src_ranuts_file_watchFile.md.i-gzm-Mr.js",
 "/ran/assets/ali_doc.CYo30EHy.webp",
-"/ran/assets/cn_src_note_centos.md.BcqWCqVs.lean.js",
+"/ran/assets/src_ranuts_file_fileInfo.md.C2z4D1Q8.lean.js",
 "/ran/assets/ms_answer.Cgv6ylFF.webp",
-"/ran/assets/src_ranuts_utils_filterObj.md.SUYinD61.js",
-"/ran/assets/src_article_imagemin.md.CNzOGYN8.lean.js",
-"/ran/assets/cn_src_ranuts_bundler_index.md.Bui4hlUf.lean.js",
-"/ran/assets/cn_src_ranui_input_index.md.CKpr9bUR.lean.js",
-"/ran/assets/cn_src_note_ubuntu.md.C1lhavpN.lean.js",
-"/ran/assets/cn_src_article_visual.md.Be4MMnab.js",
-"/ran/assets/cn_src_note_docker.md.BeX3ffKU.lean.js",
+"/ran/assets/src_article_designMode.md.CsQyDQ9L.js",
+"/ran/assets/src_ranuts_file_watchFile.md.i-gzm-Mr.lean.js",
+"/ran/assets/src_ranui_loading_index.md.CPbTFkjm.lean.js",
+"/ran/assets/cn_src_note_ubuntu.md.boe-scbt.lean.js",
+"/ran/assets/cn_src_article_designMode.md.B2Mi_NTb.js",
+"/ran/assets/src_ranuts_binaryTree_index.md.TEku7NN9.js",
 "/ran/assets/inter-italic-vietnamese.BSbpV94h.woff2",
+"/ran/assets/cn_src_article_typescript_recursion.md.DXrQrnQX.lean.js",
+"/ran/assets/src_article_sort_bubble_index.md.DmhPntEW.lean.js",
 "/ran/assets/Literal.Dl-JxujV.jpeg",
-"/ran/assets/src_article_typescript_reconstruction.md.RJXBSd9W.lean.js",
-"/ran/assets/src_article_typescript_calculate.md.CVW8Xao2.lean.js",
-"/ran/assets/src_article_sort_merge_index.md.D6h05wbs.lean.js",
-"/ran/assets/index.md.C1mV7KLR.lean.js",
-"/ran/assets/src_article_sort_heap_index.md.D-XARjAx.js",
-"/ran/assets/src_ranuts_utils_task.md.BA-6r3zJ.lean.js",
+"/ran/assets/cn_src_ranui_icon_index.md.VgKq_hwc.js",
+"/ran/assets/cn_src_article_sort_select_index.md.Cd2SKviA.js",
+"/ran/assets/src_types_高级类型.md.xpfmnY7g.lean.js",
+"/ran/assets/cn_src_article_sort_heap_index.md.CjUwiufT.js",
 "/ran/assets/firefox_support_media.BLmSeBNy.webp",
 "/ran/assets/inter-italic-latin.C2AdPX0b.woff2",
-"/ran/assets/src_article_astParse_tokenizer.md.m5lyUfzX.lean.js",
+"/ran/assets/cn_src_ranuts_mode_subscribe.md.Dfqta45A.lean.js",
+"/ran/assets/src_article_astParse_tokenizer.md.CuCr3w1T.js",
+"/ran/assets/src_article_typescript_calculate.md.vojGlJJE.lean.js",
+"/ran/assets/cn_src_article_bundle.md.DQFZ3YRD.lean.js",
 "/ran/assets/video_format.CRMCTmKB.webp",
-"/ran/assets/cn_src_ranuts_file_writeFile.md.DLZe7Swq.lean.js",
-"/ran/assets/cn_src_article_sort_bucket_index.md.Dl_rJ3sv.lean.js",
-"/ran/assets/src_ranuts_utils_convertImageToBase64.md.CQdNGUWw.js",
-"/ran/assets/src_ranuts_utils_task.md.BA-6r3zJ.js",
-"/ran/assets/cn_src_ranuts_binaryTree_index.md.CoTPSG40.lean.js",
-"/ran/assets/src_ranuts_index.md.CHFYg7WB.js",
-"/ran/assets/index.md.C1mV7KLR.js",
-"/ran/assets/cn_src_ranuts_utils_getCookie.md.ChQkIFFD.js",
+"/ran/assets/cn_src_ranui_button_index.md.ByX0UCnc.lean.js",
+"/ran/assets/cn_src_ranuts_bundler_index.md.DwAuuXbu.lean.js",
+"/ran/assets/cn_src_ranuts_utils_ocr.md.DDRRaGe9.js",
+"/ran/assets/cn_src_ranuts_utils_task.md.vM2hJa_Z.js",
+"/ran/assets/cn_src_article_imagemin.md.O-LRpAFt.lean.js",
 "/ran/assets/bundle.bky0NmdF.png",
-"/ran/assets/src_article_typescript_index.md.CZyb-Nhf.lean.js",
-"/ran/assets/cn_src_ranui_button_index.md.B-YucaRE.js",
-"/ran/assets/src_ranui_progress_index.md.Be_sOmHB.lean.js",
-"/ran/assets/cn_src_ranuts_file_watchFile.md.5h3FtZpC.js",
-"/ran/assets/cn_src_types_高级类型.md.C_sodMsN.lean.js",
+"/ran/assets/cn_src_ranui_input_index.md.Xj5VXLle.lean.js",
+"/ran/assets/src_article_sort_quick_index.md.BVXZPTlC.js",
+"/ran/assets/src_article_typescript_calculate.md.vojGlJJE.js",
+"/ran/assets/src_article_sort_insert_index.md.Cmba0n6W.js",
+"/ran/assets/cn_src_ranuts_index.md.Br1tGjNi.js",
+"/ran/assets/src_article_bundle.md.CJFsaLBq.js",
+"/ran/assets/cn_src_article_astParse_tokenizer.md.fRsPjbrs.lean.js",
+"/ran/assets/cn_src_ranuts_utils_formatJson.md.BPEAnSbs.lean.js",
+"/ran/assets/cn_src_article_typescript_recursion.md.DXrQrnQX.js",
+"/ran/assets/src_ranuts_file_writeFile.md.2z4SHchp.js",
+"/ran/assets/cn_src_article_docPreview.md.BpvHIdsV.js",
+"/ran/assets/src_article_sort_index.md.Day6RJ-s.js",
 "/ran/assets/count.CWSWBe_h.gif",
+"/ran/assets/src_article_sort_count_index.md.Du6QhWUu.js",
 "/ran/assets/google_doc_view.BknjnOKw.webp",
-"/ran/assets/cn_src_article_sort_merge_index.md.Dz-ycn2t.lean.js",
+"/ran/assets/cn_src_ranuts_mimeType_mimeType.md.D8QLJam4.js",
 "/ran/assets/merge.Bguw-KQu.gif",
-"/ran/assets/src_ranuts_index.md.CHFYg7WB.lean.js",
-"/ran/assets/cn_src_ranuts_file_readDir.md.DVHZJj5k.js",
-"/ran/assets/cn_src_article_designMode.md.BzjcnDMg.lean.js",
-"/ran/assets/cn_src_ranui_tab_index.md.BlcshkmY.lean.js",
-"/ran/assets/src_ranui_player_index.md.DSXQVeNM.js",
-"/ran/assets/cn_src_ranuts_utils_convertImageToBase64.md.BQFuSXTt.js",
-"/ran/assets/src_article_sort_count_index.md.Ch5HRRp8.lean.js",
-"/ran/assets/src_ranuts_bundler_index.md.D3F9791C.lean.js",
+"/ran/assets/cn_src_article_imagemin.md.O-LRpAFt.js",
+"/ran/assets/src_ranui_checkbox_index.md.DZWEhA_6.lean.js",
+"/ran/assets/src_ranuts_utils_filterObj.md.Q_-NUV8p.js",
+"/ran/assets/src_ranui_image_index.md.DWE25Dbt.js",
+"/ran/assets/src_ranuts_utils_str2xml.md.84gjZ6IG.js",
 "/ran/assets/继承.Dta6_xdc.png",
+"/ran/assets/cn_src_article_sort_merge_index.md.CrLtJpMk.lean.js",
+"/ran/assets/cn_src_article_sort_shell_index.md.CQc6o0U8.js",
 "/ran/assets/red_book.DiBEvryP.webp",
+"/ran/assets/cn_src_ranui_select_index.md.x3hqXtMG.js",
 "/ran/assets/inter-italic-greek-ext.1u6EdAuj.woff2",
+"/ran/assets/src_types_模式匹配.md.DO7GM6xX.js",
 "/ran/assets/radix.Bwrylu8F.gif",
-"/ran/assets/src_ranuts_bundler_index.md.D3F9791C.js",
-"/ran/assets/cn_src_ranuts_index.md.B_7KgyI-.js",
-"/ran/assets/src_ranui_tabs_index.md.CkEcQ38o.js",
-"/ran/assets/cn_src_article_typescript_unionType.md.BgeL6nAW.js",
+"/ran/assets/src_ranuts_file_fileInfo.md.C2z4D1Q8.js",
 "/ran/assets/解释器.DymUKGTa.jpg",
-"/ran/assets/src_ranui_progress_index.md.Be_sOmHB.js",
-"/ran/assets/src_ranuts_file_readDir.md.d3nM0oPh.js",
+"/ran/assets/src_ranuts_utils_getCookie.md.CRjg9zYL.js",
+"/ran/assets/src_types_TS类型.md.Du9AK3lr.lean.js",
+"/ran/assets/cn_src_article_sort_insert_index.md.C4G7YeWl.js",
 "/ran/assets/complexity.DSLVsjHt.png",
-"/ran/assets/src_ranui_skeleton_index.md.DnZOMEV1.lean.js",
 "/ran/assets/ms_file_not.DgOrkG3n.webp",
-"/ran/assets/cn_src_ranui_icon_index.md.7jVbQ82_.js",
-"/ran/assets/src_ranui_loading_index.md.Cr0qirnC.lean.js",
 "/ran/assets/xml.NyzOyhr4.webp",
-"/ran/assets/src_types_高级类型.md.BcsCXIM4.js",
-"/ran/assets/src_article_sort_insert_index.md.B-oNm95-.lean.js",
-"/ran/assets/src_ranui_player_index.md.DSXQVeNM.lean.js",
-"/ran/assets/src_ranui_message_index.md.Dr_PZANG.lean.js",
-"/ran/assets/cn_src_types_高级类型.md.C_sodMsN.js",
-"/ran/assets/cn_src_article_typescript_index.md.CaFWWXxk.js",
-"/ran/assets/cn_src_ranui_progress_index.md.BhrzleOl.lean.js",
-"/ran/assets/cn_src_article_astParse_tokenizer.md.CbTsq3qg.lean.js",
+"/ran/assets/cn_src_ranui_select_index.md.x3hqXtMG.lean.js",
+"/ran/assets/cn_src_article_visual.md.DseWRfx9.js",
+"/ran/assets/cn_src_ranui_player_index.md.ClG2z7Rd.js",
+"/ran/assets/cn_src_article_sort_select_index.md.Cd2SKviA.lean.js",
 "/ran/assets/备忘录.meL0YZxn.jpg",
-"/ran/assets/src_ranuts_binaryTree_index.md.DvglfkNJ.js",
+"/ran/assets/src_ranui_button_index.md.xyRWgUv8.lean.js",
+"/ran/assets/cn_src_ranuts_file_appendFile.md.B63KmkE8.js",
 "/ran/assets/select.B8GwndZy.gif",
-"/ran/assets/src_types_TS类型.md.BAdYqP2z.js",
-"/ran/assets/src_types_TS类型.md.BAdYqP2z.lean.js",
-"/ran/assets/src_article_sort_bucket_index.md.BTbi9aJ6.js",
-"/ran/assets/src_ranuts_file_watchFile.md.DYvq_aUK.lean.js",
-"/ran/assets/cn_src_ranui_skeleton_index.md.DfgRdP5t.lean.js",
-"/ran/assets/src_ranui_preview_index.md.GrIEkeLk.lean.js",
-"/ran/assets/cn_src_ranuts_utils_str2xml.md.CgTEUJ7O.js",
-"/ran/assets/src_article_sort_index.md.LNhlg9Oa.js",
-"/ran/assets/cn_src_article_sort_bucket_index.md.Dl_rJ3sv.js",
+"/ran/assets/src_article_typescript_unionType.md.DWIWcdin.js",
+"/ran/assets/src_ranuts_file_readFile.md.Ac6LvpUh.js",
+"/ran/assets/src_ranui_radar_index.md.DVubbf7p.js",
+"/ran/assets/src_ranuts_mode_subscribe.md.CBjAEwg0.js",
+"/ran/assets/src_article_typescript_index.md.CkcO1_RK.js",
+"/ran/assets/cn_src_article_typescript_pattern.md.ClYdggen.js",
 "/ran/assets/sort.CSVZS1AV.png",
-"/ran/assets/src_article_astParse_tokenizer.md.m5lyUfzX.js",
+"/ran/assets/cn_src_ranui_tab_index.md._Yrr2Do-.lean.js",
+"/ran/assets/src_ranui_index.md.CLoF5T0G.lean.js",
 "/ran/assets/quick.DD28bswc.gif",
-"/ran/assets/cn_src_ranuts_mimeType_mimeType.md.nxjk8xi_.js",
-"/ran/assets/cn_src_article_sort_quick_index.md.Dm-fpFZL.lean.js",
+"/ran/assets/src_ranui_tabs_index.md.Y_dSHlvB.js",
+"/ran/assets/cn_src_article_sort_index.md.BhyMit8Y.lean.js",
+"/ran/assets/cn_src_ranuts_utils_getCookie.md.Cn937pro.js",
+"/ran/assets/src_ranuts_utils_convertImageToBase64.md.COMNqW1t.lean.js",
+"/ran/assets/cn_src_ranui_checkbox_index.md.Csmdnt0O.js",
 "/ran/assets/kkfile_des.CENUMtpY.webp",
-"/ran/assets/cn_src_ranui_math_index.md.nmeuJ7af.lean.js",
-"/ran/assets/src_article_typescript_calculate.md.CVW8Xao2.js",
-"/ran/assets/cn_src_article_sort_select_index.md.C6f3fqev.lean.js",
-"/ran/assets/src_article_javascript_domLoad.md.f1BWKaWm.lean.js",
-"/ran/assets/src_article_javascript_domLoad.md.f1BWKaWm.js",
-"/ran/assets/cn_src_ranuts_file_writeFile.md.DLZe7Swq.js",
-"/ran/assets/src_ranui_message_index.md.Dr_PZANG.js",
-"/ran/assets/src_ranuts_file_fileInfo.md.CZ2C_27B.lean.js",
-"/ran/assets/cn_src_ranui_loading_index.md.CcRWELn0.js",
+"/ran/assets/cn_src_article_sort_bucket_index.md.CInFho5i.js",
+"/ran/assets/src_ranuts_utils_convertImageToBase64.md.COMNqW1t.js",
+"/ran/assets/cn_src_types_模式匹配.md.Cv2DtzlL.lean.js",
+"/ran/assets/cn_src_article_babel.md.igUT7dgP.lean.js",
+"/ran/assets/src_article_sort_shell_index.md.CGmp_Zfr.lean.js",
+"/ran/assets/cn_src_article_typescript_index.md.BE6MDNaH.lean.js",
+"/ran/assets/cn_src_ranui_message_index.md.DQaOXw4A.js",
 "/ran/assets/bilibili_video_m4s.BccuY7bk.webp",
+"/ran/assets/cn_src_article_typescript_unionType.md.BEJLXxlO.lean.js",
+"/ran/assets/cn_src_ranui_index.md.DbAIrpTI.lean.js",
 "/ran/assets/ExpressionStatement.zaIHlhIF.jpeg",
 "/ran/assets/xdoc.CeowcMPq.webp",
+"/ran/assets/cn_src_article_typescript_pattern.md.ClYdggen.lean.js",
 "/ran/assets/外观.Cm0-J0eF.png",
+"/ran/assets/src_ranuts_file_readFile.md.Ac6LvpUh.lean.js",
 "/ran/assets/rplayer_demo.CoJ7kuJt.webp",
-"/ran/assets/src_article_sort_select_index.md.CgrU_Nnu.lean.js",
-"/ran/assets/cn_src_ranui_message_index.md.OWf7PDqT.js",
-"/ran/assets/cn_src_ranui_progress_index.md.BhrzleOl.js",
-"/ran/assets/cn_src_ranui_preview_index.md.MwV2D84f.lean.js",
-"/ran/assets/src_article_functionalProgramming.md.Bbl-kdPi.js",
-"/ran/assets/cn_src_ranui_image_index.md.CEdjKNte.js",
-"/ran/assets/cn_src_ranui_radar_index.md.JUC5Tblz.js",
-"/ran/assets/src_article_sort_bucket_index.md.BTbi9aJ6.lean.js",
-"/ran/assets/cn_src_article_sort_select_index.md.C6f3fqev.js",
-"/ran/assets/src_ranui_icon_index.md.Cada4EMN.js",
+"/ran/assets/src_ranui_tabs_index.md.Y_dSHlvB.lean.js",
+"/ran/assets/cn_src_ranui_tabs_index.md.Y6X6hlvp.js",
+"/ran/assets/cn_src_article_typescript_reconstruction.md.CwRrki5l.js",
+"/ran/assets/cn_src_note_centos.md.DNIN5Wz6.js",
+"/ran/assets/cn_src_article_typescript_reconstruction.md.CwRrki5l.lean.js",
 "/ran/assets/组合.StqZ1pDc.png",
-"/ran/assets/src_ranuts_utils_formatJson.md.BQjsxBql.js",
-"/ran/assets/cn_src_ranuts_utils_formatJson.md.w3L-Rhdf.lean.js",
-"/ran/assets/src_ranui_index.md.BQzsJSIN.js",
-"/ran/assets/cn_src_ranui_modal_index.md.C5SgGuYU.js",
-"/ran/assets/cn_src_ranuts_file_readDir.md.DVHZJj5k.lean.js",
+"/ran/assets/cn_src_article_systemDesign.md.hF7LXas7.lean.js",
+"/ran/assets/cn_src_ranuts_file_appendFile.md.B63KmkE8.lean.js",
+"/ran/assets/cn_src_ranuts_utils_task.md.vM2hJa_Z.lean.js",
+"/ran/assets/cn_src_article_sort_bubble_index.md.BL_0xBSg.lean.js",
+"/ran/assets/src_article_sort_count_index.md.Du6QhWUu.lean.js",
+"/ran/assets/index.md.D7BH-fMN.lean.js",
+"/ran/assets/src_ranuts_file_readDir.md.BvSC38m-.js",
+"/ran/assets/src_ranuts_file_appendFile.md.1-6oJJ-H.js",
 "/ran/assets/safari_support_media.Bafr23bR.webp",
-"/ran/assets/cn_src_ranui_button_index.md.B-YucaRE.lean.js",
-"/ran/assets/cn_src_ranui_radar_index.md.JUC5Tblz.lean.js",
-"/ran/assets/cn_src_article_sort_index.md.V1uGWtUp.lean.js",
-"/ran/assets/src_ranui_popover_index.md.4cp6AOCz.js",
-"/ran/assets/cn_src_article_functionalProgramming.md.BI-pI2Tm.js",
-"/ran/assets/src_ranui_loading_index.md.Cr0qirnC.js",
-"/ran/assets/cn_src_note_docker.md.BeX3ffKU.js",
-"/ran/assets/cn_src_article_bundle.md.BgkzbBow.js",
-"/ran/assets/cn_src_article_sort_count_index.md.BwHTgoYv.js",
+"/ran/assets/src_ranuts_binaryTree_index.md.TEku7NN9.lean.js",
+"/ran/assets/cn_src_article_sort_count_index.md.CLrg_eAi.lean.js",
+"/ran/assets/src_ranuts_index.md.BJ436-Wa.js",
+"/ran/assets/src_ranui_button_index.md.xyRWgUv8.js",
+"/ran/assets/cn_src_article_sort_index.md.BhyMit8Y.js",
+"/ran/assets/cn_src_ranui_tab_index.md._Yrr2Do-.js",
+"/ran/assets/src_article_functionalProgramming.md.BPj6iTX9.lean.js",
+"/ran/assets/src_article_typescript_reconstruction.md.6hei5wds.lean.js",
+"/ran/assets/src_ranuts_file_readDir.md.BvSC38m-.lean.js",
 "/ran/assets/chunks/index.CafPLwUV.js",
 "/ran/assets/chunks/warning-circle-DDUgEDIv.1BX6MOiy.js",
 "/ran/assets/chunks/warning-circle-fill-lODUKz0i.7RyGfSeR.js",
@@ -321,191 +326,185 @@ const SERVICE_WORK_CACHE_FILE_PATHS = [
 "/ran/assets/chunks/input-input.MnARRJC6.js",
 "/ran/assets/chunks/index-Ba501-HG.DLGTjfcz.js",
 "/ran/assets/chunks/quick.WcLzRUPH.js",
-"/ran/assets/src_article_sort_quick_index.md.C9uemKEa.js",
+"/ran/assets/src_article_imagemin.md.F6ka3QYU.js",
+"/ran/assets/cn_src_ranuts_bundler_index.md.DwAuuXbu.js",
+"/ran/assets/src_ranuts_utils_str2xml.md.84gjZ6IG.lean.js",
+"/ran/assets/src_article_sort_insert_index.md.Cmba0n6W.lean.js",
 "/ran/assets/kkfile_doc.CPfEUxoD.webp",
-"/ran/assets/cn_src_ranui_select_index.md.CqrSnS3F.js",
-"/ran/assets/src_ranuts_file_writeFile.md.CdGN48zU.js",
 "/ran/assets/ms_excel.CJXFi2bf.webp",
+"/ran/assets/cn_src_ranuts_file_readFile.md._sEkTrwK.js",
+"/ran/assets/cn_src_article_sort_insert_index.md.C4G7YeWl.lean.js",
 "/ran/assets/原型.DYbH0CSA.jpg",
-"/ran/assets/src_ranui_select_index.md.DgN8GI_q.js",
-"/ran/assets/src_article_sort_insert_index.md.B-oNm95-.js",
-"/ran/assets/src_ranuts_utils_convertImageToBase64.md.CQdNGUWw.lean.js",
-"/ran/assets/cn_src_article_javascript_domLoad.md.CI-VlQc8.lean.js",
-"/ran/assets/cn_src_article_designMode.md.BzjcnDMg.js",
-"/ran/assets/src_types_高级类型.md.BcsCXIM4.lean.js",
-"/ran/assets/src_ranui_radar_index.md.CkBeOv58.lean.js",
-"/ran/assets/src_ranui_select_index.md.DgN8GI_q.lean.js",
-"/ran/assets/src_article_typescript_recursion.md.CxwYW6pd.lean.js",
-"/ran/assets/cn_src_article_sort_radix_index.md.CmXyO2h4.js",
-"/ran/assets/cn_src_article_sort_insert_index.md.BPxYKrUM.js",
-"/ran/assets/cn_src_ranuts_file_watchFile.md.5h3FtZpC.lean.js",
-"/ran/assets/cn_src_article_sort_shell_index.md.B0DKjSD6.js",
+"/ran/assets/cn_src_article_babel.md.igUT7dgP.js",
+"/ran/assets/src_ranui_select_index.md.DQq3MVHp.lean.js",
+"/ran/assets/cn_src_article_sort_merge_index.md.CrLtJpMk.js",
+"/ran/assets/src_ranui_tab_index.md.DSSJuz31.lean.js",
+"/ran/assets/cn_src_article_sort_quick_index.md.CmIbA4AB.lean.js",
+"/ran/assets/cn_src_article_docPreview.md.BpvHIdsV.lean.js",
+"/ran/assets/src_types_高级类型.md.xpfmnY7g.js",
+"/ran/assets/src_types_模式匹配.md.DO7GM6xX.lean.js",
+"/ran/assets/src_article_sort_merge_index.md.BYCAvkHG.js",
+"/ran/assets/cn_src_ranuts_utils_formatJson.md.BPEAnSbs.js",
+"/ran/assets/cn_src_article_sort_radix_index.md.vBHH0tHh.lean.js",
+"/ran/assets/src_ranuts_utils_ocr.md.COxYWSg4.js",
+"/ran/assets/src_ranui_index.md.CLoF5T0G.js",
+"/ran/assets/cn_src_article_typescript_calculate.md.DFF0Jmnv.lean.js",
+"/ran/assets/cn_src_ranui_popover_index.md.CKCBCC0z.js",
 "/ran/assets/inter-roman-latin-ext.4ZJIpNVo.woff2",
-"/ran/assets/src_article_typescript_index.md.CZyb-Nhf.js",
-"/ran/assets/cn_src_article_typescript_reconstruction.md.B-6dp4-w.lean.js",
-"/ran/assets/src_article_imagemin.md.CNzOGYN8.js",
-"/ran/assets/cn_src_article_sort_insert_index.md.BPxYKrUM.lean.js",
+"/ran/assets/src_ranuts_utils_getCookie.md.CRjg9zYL.lean.js",
+"/ran/assets/cn_src_ranui_input_index.md.Xj5VXLle.js",
+"/ran/assets/cn_src_ranui_math_index.md.vkrzCmwa.lean.js",
 "/ran/assets/ms_word.3k-0mjp0.webp",
 "/ran/assets/inter-italic-greek.DJ8dCoTZ.woff2",
-"/ran/assets/cn_src_types_类型运算.md.BALncgle.lean.js",
-"/ran/assets/cn_src_article_docPreview.md.Bk6_K5Up.lean.js",
-"/ran/assets/src_ranuts_mode_subscribe.md.DmGp9s_W.lean.js",
 "/ran/assets/tiktik_video_demo.mxxBzLay.webp",
-"/ran/assets/src_ranui_image_index.md.iND1p-rT.js",
 "/ran/assets/inter-italic-cyrillic-ext.r48I6akx.woff2",
-"/ran/assets/src_ranuts_file_readDir.md.d3nM0oPh.lean.js",
 "/ran/assets/inter-italic-latin-ext.CN1xVJS-.woff2",
-"/ran/assets/cn_src_ranui_index.md.Cv0LhI4v.js",
-"/ran/assets/src_article_sort_count_index.md.Ch5HRRp8.js",
-"/ran/assets/src_ranuts_file_fileInfo.md.CZ2C_27B.js",
-"/ran/assets/cn_src_ranui_math_index.md.nmeuJ7af.js",
-"/ran/assets/cn_src_article_sort_heap_index.md.oxRUNOKZ.lean.js",
-"/ran/assets/cn_src_ranuts_binaryTree_index.md.CoTPSG40.js",
+"/ran/assets/src_article_sort_select_index.md.DVQbDLxi.js",
+"/ran/assets/cn_src_ranuts_utils_filterObj.md.CxRU9J7j.js",
+"/ran/assets/cn_src_ranuts_utils_getCookie.md.Cn937pro.lean.js",
+"/ran/assets/src_article_babel.md.Cy_u0Zgd.lean.js",
+"/ran/assets/index.md.D7BH-fMN.js",
+"/ran/assets/cn_src_ranui_popover_index.md.CKCBCC0z.lean.js",
 "/ran/assets/style.D7_Ytddv.css",
-"/ran/assets/cn_src_note_libreoffice2wasm.md.DATIsYiT.js",
-"/ran/assets/src_article_sort_index.md.LNhlg9Oa.lean.js",
-"/ran/assets/cn_src_ranuts_file_readFile.md.CMWdjeNp.js",
+"/ran/assets/cn_src_article_sort_heap_index.md.CjUwiufT.lean.js",
+"/ran/assets/src_article_sort_shell_index.md.CGmp_Zfr.js",
 "/ran/assets/Expression.DczLaznn.jpeg",
-"/ran/assets/src_article_designMode.md.DWnxNFS_.lean.js",
-"/ran/assets/src_ranui_modal_index.md.BChGxskG.lean.js",
-"/ran/assets/cn_src_article_babel.md.Bb4oNZ50.lean.js",
-"/ran/assets/cn_src_article_typescript_reconstruction.md.B-6dp4-w.js",
-"/ran/assets/cn_src_note_ubuntu.md.C1lhavpN.js",
-"/ran/assets/cn_index.md.CC940uHT.js",
+"/ran/assets/cn_src_note_libreoffice2wasm.md.DG6uOQ65.js",
+"/ran/assets/cn_src_note_ubuntu.md.boe-scbt.js",
+"/ran/assets/cn_src_ranui_checkbox_index.md.Csmdnt0O.lean.js",
+"/ran/assets/cn_src_ranui_modal_index.md.Ct_5BTpn.lean.js",
 "/ran/assets/customElements.DbqgaaNb.png",
-"/ran/assets/cn_src_ranui_popover_index.md.YQ2K5eFD.lean.js",
-"/ran/assets/cn_src_ranuts_utils_convertImageToBase64.md.BQFuSXTt.lean.js",
+"/ran/assets/src_types_类型运算.md.D_oUktxL.js",
+"/ran/assets/src_article_sort_heap_index.md.DUjhT9HH.lean.js",
+"/ran/assets/src_ranuts_file_writeFile.md.2z4SHchp.lean.js",
+"/ran/assets/cn_src_ranuts_utils_convertImageToBase64.md.Baw_0VwK.js",
+"/ran/assets/src_article_functionalProgramming.md.BPj6iTX9.js",
+"/ran/assets/cn_src_ranui_loading_index.md.Cd9-GnXr.js",
 "/ran/assets/wps_office_price.ler9htjh.webp",
 "/ran/assets/kkfile_output.DD8iZdbo.webp",
-"/ran/assets/src_article_typescript_reconstruction.md.RJXBSd9W.js",
-"/ran/assets/src_ranuts_file_readFile.md.CwPAyuVM.lean.js",
-"/ran/assets/cn_src_ranuts_utils_ocr.md.CCSas4Mw.lean.js",
-"/ran/assets/src_article_typescript_unionType.md.lwThafAB.lean.js",
-"/ran/assets/cn_src_article_sort_bubble_index.md.Cr8QMhiM.js",
-"/ran/assets/cn_src_ranui_preview_index.md.MwV2D84f.js",
-"/ran/assets/src_ranui_radar_index.md.CkBeOv58.js",
-"/ran/assets/src_ranui_skeleton_index.md.DnZOMEV1.js",
-"/ran/assets/src_ranui_icon_index.md.Cada4EMN.lean.js",
-"/ran/assets/src_ranuts_utils_getCookie.md.glwGRuBT.lean.js",
-"/ran/assets/src_article_bundle.md.BvqfF4Lk.js",
+"/ran/assets/cn_src_ranui_player_index.md.ClG2z7Rd.lean.js",
+"/ran/assets/cn_src_ranuts_file_readDir.md.BAFE9wq0.lean.js",
+"/ran/assets/cn_src_types_高级类型.md.BDtDighX.js",
+"/ran/assets/cn_src_article_sort_bubble_index.md.BL_0xBSg.js",
+"/ran/assets/cn_src_types_模式匹配.md.Cv2DtzlL.js",
+"/ran/assets/src_ranui_checkbox_index.md.DZWEhA_6.js",
+"/ran/assets/src_ranui_message_index.md.C9TUA1qN.lean.js",
+"/ran/assets/src_ranuts_bundler_index.md.DzEPrDNS.lean.js",
 "/ran/assets/ts_demo.D_l_mv9k.webp",
 "/ran/assets/装饰.CuuWN9YK.jpg",
+"/ran/assets/cn_src_note_docker.md.Dwk9bEUN.lean.js",
 "/ran/assets/桥接.DX0mO5JC.png",
+"/ran/assets/cn_src_ranuts_file_readDir.md.BAFE9wq0.js",
 "/ran/assets/Program.BBf_t-me.jpeg",
-"/ran/assets/cn_src_article_bundle.md.BgkzbBow.lean.js",
-"/ran/assets/src_article_sort_bubble_index.md.DM2Rnnat.lean.js",
-"/ran/assets/src_article_sort_heap_index.md.D-XARjAx.lean.js",
-"/ran/assets/cn_src_article_sort_quick_index.md.Dm-fpFZL.js",
+"/ran/assets/cn_src_ranuts_utils_ocr.md.DDRRaGe9.lean.js",
+"/ran/assets/src_ranui_preview_index.md.hkKqqHBY.js",
+"/ran/assets/cn_src_ranui_loading_index.md.Cd9-GnXr.lean.js",
 "/ran/assets/Comment.BYtNY-L1.jpeg",
-"/ran/assets/src_ranui_modal_index.md.BChGxskG.js",
 "/ran/assets/inter-roman-greek-ext.CqjqNYQ-.woff2",
-"/ran/assets/cn_src_article_typescript_pattern.md.GG3CpSHa.lean.js",
+"/ran/assets/src_article_typescript_recursion.md.Cklrk5ux.lean.js",
 "/ran/assets/策略.BAijEgGz.png",
-"/ran/assets/src_ranui_index.md.BQzsJSIN.lean.js",
+"/ran/assets/src_article_sort_bucket_index.md.1nocTUlS.lean.js",
 "/ran/assets/axtexplorer.D7PG-3cx.jpeg",
 "/ran/assets/ms_answer_2.D-D9H1v0.webp",
 "/ran/assets/inter-roman-cyrillic.C5lxZ8CY.woff2",
-"/ran/assets/cn_src_article_systemDesign.md.Oy3scZvv.js",
 "/ran/assets/Identifier.lJSxyFTe.jpeg",
-"/ran/assets/cn_src_article_imagemin.md.CEVub_ZQ.lean.js",
-"/ran/assets/src_article_babel.md.D0mGQXMo.lean.js",
-"/ran/assets/src_types_类型运算.md.DitU5zkD.js",
-"/ran/assets/cn_src_ranuts_file_readFile.md.CMWdjeNp.lean.js",
-"/ran/assets/cn_src_ranuts_utils_filterObj.md.R6pWg6_Y.js",
+"/ran/assets/cn_src_article_video.md.D_lFXyPJ.lean.js",
+"/ran/assets/cn_src_article_functionalProgramming.md.B0WkJbH2.js",
+"/ran/assets/src_ranui_skeleton_index.md.BUf_Burp.lean.js",
+"/ran/assets/src_article_sort_merge_index.md.BYCAvkHG.lean.js",
 "/ran/assets/aqiyi_demo.s0swGzvF.webp",
-"/ran/assets/cn_src_article_sort_index.md.V1uGWtUp.js",
 "/ran/assets/input-input.1X1aE5oH.jpg",
-"/ran/assets/cn_src_article_babel.md.Bb4oNZ50.js",
-"/ran/assets/cn_src_article_astParse_tokenizer.md.CbTsq3qg.js",
-"/ran/assets/cn_src_article_functionalProgramming.md.BI-pI2Tm.lean.js",
-"/ran/assets/cn_src_ranuts_mode_subscribe.md.BpJB8REw.lean.js",
-"/ran/assets/cn_src_ranui_checkbox_index.md.7OhoHSmh.lean.js",
-"/ran/assets/cn_src_types_模式匹配.md.DWHjoF0h.lean.js",
-"/ran/assets/src_article_bundle.md.BvqfF4Lk.lean.js",
+"/ran/assets/cn_src_article_systemDesign.md.hF7LXas7.js",
+"/ran/assets/src_ranuts_utils_ocr.md.COxYWSg4.lean.js",
+"/ran/assets/cn_src_types_高级类型.md.BDtDighX.lean.js",
+"/ran/assets/src_ranui_loading_index.md.CPbTFkjm.js",
+"/ran/assets/cn_src_ranui_radar_index.md.D7lwGVbW.js",
+"/ran/assets/src_article_typescript_reconstruction.md.6hei5wds.js",
+"/ran/assets/cn_src_types_TS类型.md.BqYfr0BF.js",
+"/ran/assets/cn_src_ranui_progress_index.md.B6p9KAvb.lean.js",
+"/ran/assets/src_types_TS类型.md.Du9AK3lr.js",
+"/ran/assets/cn_src_ranuts_utils_convertImageToBase64.md.Baw_0VwK.lean.js",
+"/ran/assets/src_article_sort_heap_index.md.DUjhT9HH.js",
+"/ran/assets/src_ranuts_mimeType_mimeType.md.CgbW52XX.lean.js",
+"/ran/assets/src_ranui_progress_index.md.CubSOb3E.lean.js",
+"/ran/assets/cn_src_ranui_skeleton_index.md.CxsOeOpu.js",
 "/ran/assets/访问者.aEI4m-5a.png",
-"/ran/assets/src_ranui_image_index.md.iND1p-rT.lean.js",
-"/ran/assets/cn_src_types_类型运算.md.BALncgle.js",
-"/ran/assets/src_article_typescript_unionType.md.lwThafAB.js",
-"/ran/assets/src_article_typescript_pattern.md.dRLdKmiq.js",
-"/ran/assets/src_article_sort_shell_index.md.DOUhMGGU.lean.js",
-"/ran/assets/cn_src_ranuts_utils_getCookie.md.ChQkIFFD.lean.js",
+"/ran/assets/cn_src_ranui_tabs_index.md.Y6X6hlvp.lean.js",
+"/ran/assets/cn_src_ranuts_binaryTree_index.md.B0ahr_Mn.lean.js",
 "/ran/assets/insert.gf3GhDvq.gif",
+"/ran/assets/src_article_sort_radix_index.md.CZgriu-L.js",
+"/ran/assets/src_article_bundle.md.CJFsaLBq.lean.js",
+"/ran/assets/cn_src_ranuts_file_readFile.md._sEkTrwK.lean.js",
 "/ran/assets/bili_demo.CI8Ur8IA.webp",
-"/ran/assets/cn_src_ranui_tabs_index.md.BnLsjdMq.lean.js",
-"/ran/assets/src_ranui_math_index.md.CAvnqA_Q.lean.js",
-"/ran/assets/cn_src_article_sort_radix_index.md.CmXyO2h4.lean.js",
-"/ran/assets/cn_src_ranui_select_index.md.CqrSnS3F.lean.js",
-"/ran/assets/cn_src_ranuts_utils_filterObj.md.R6pWg6_Y.lean.js",
-"/ran/assets/cn_src_article_sort_heap_index.md.oxRUNOKZ.js",
-"/ran/assets/cn_src_article_imagemin.md.CEVub_ZQ.js",
-"/ran/assets/cn_src_ranuts_utils_ocr.md.CCSas4Mw.js",
-"/ran/assets/src_article_sort_merge_index.md.D6h05wbs.js",
-"/ran/assets/cn_src_article_javascript_domLoad.md.CI-VlQc8.js",
-"/ran/assets/cn_src_ranui_loading_index.md.CcRWELn0.lean.js",
-"/ran/assets/cn_src_article_sort_shell_index.md.B0DKjSD6.lean.js",
-"/ran/assets/src_article_designMode.md.DWnxNFS_.js",
-"/ran/assets/src_ranuts_mode_subscribe.md.DmGp9s_W.js",
-"/ran/assets/cn_src_types_TS类型.md.ctrtnDXL.lean.js",
-"/ran/assets/cn_src_article_video.md.Cz2oSvp1.lean.js",
-"/ran/assets/cn_src_article_typescript_pattern.md.GG3CpSHa.js",
-"/ran/assets/cn_src_ranuts_index.md.B_7KgyI-.lean.js",
+"/ran/assets/cn_src_types_类型运算.md.DMkykj3f.js",
+"/ran/assets/cn_src_ranui_message_index.md.DQaOXw4A.lean.js",
+"/ran/assets/cn_src_ranuts_utils_str2xml.md.Bde3XsNH.js",
+"/ran/assets/cn_src_ranuts_utils_str2xml.md.Bde3XsNH.lean.js",
+"/ran/assets/cn_src_ranuts_file_writeFile.md.Bu4zBA8r.lean.js",
 "/ran/assets/tiktok_video.DuwKyIdt.webp",
-"/ran/assets/cn_src_article_systemDesign.md.Oy3scZvv.lean.js",
-"/ran/assets/src_article_sort_select_index.md.CgrU_Nnu.js",
-"/ran/assets/cn_src_ranui_skeleton_index.md.DfgRdP5t.js",
-"/ran/assets/src_types_模式匹配.md.CFNrWo4G.lean.js",
-"/ran/assets/src_ranuts_mimeType_mimeType.md.Bp_Buc7N.lean.js",
-"/ran/assets/src_ranuts_file_writeFile.md.CdGN48zU.lean.js",
-"/ran/assets/src_article_sort_bubble_index.md.DM2Rnnat.js",
-"/ran/assets/src_ranuts_mimeType_mimeType.md.Bp_Buc7N.js",
-"/ran/assets/src_ranui_math_index.md.CAvnqA_Q.js",
+"/ran/assets/src_ranui_tab_index.md.DSSJuz31.js",
+"/ran/assets/cn_src_ranui_math_index.md.vkrzCmwa.js",
+"/ran/assets/cn_src_ranui_radar_index.md.D7lwGVbW.lean.js",
+"/ran/assets/cn_src_note_centos.md.DNIN5Wz6.lean.js",
+"/ran/assets/src_article_javascript_domLoad.md.ISLuBQzT.lean.js",
+"/ran/assets/src_ranuts_index.md.BJ436-Wa.lean.js",
+"/ran/assets/cn_src_ranui_skeleton_index.md.CxsOeOpu.lean.js",
 "/ran/assets/mdn_pdf.DbNmeC8H.webp",
-"/ran/assets/cn_src_ranui_input_index.md.CKpr9bUR.js",
-"/ran/assets/cn_src_ranuts_utils_formatJson.md.w3L-Rhdf.js",
+"/ran/assets/src_ranui_radar_index.md.DVubbf7p.lean.js",
+"/ran/assets/src_article_typescript_recursion.md.Cklrk5ux.js",
+"/ran/assets/cn_src_ranuts_file_watchFile.md.DizkqDrO.lean.js",
+"/ran/assets/src_ranui_popover_index.md.PFeffqLM.lean.js",
+"/ran/assets/cn_src_ranuts_file_watchFile.md.DizkqDrO.js",
+"/ran/assets/src_article_sort_bubble_index.md.DmhPntEW.js",
+"/ran/assets/cn_src_types_类型运算.md.DMkykj3f.lean.js",
 "/ran/assets/inter-roman-vietnamese.BjW4sHH5.woff2",
-"/ran/assets/cn_src_types_模式匹配.md.DWHjoF0h.js",
-"/ran/assets/src_ranui_input_index.md.dqo--3Vk.js",
-"/ran/assets/src_article_sort_shell_index.md.DOUhMGGU.js",
-"/ran/assets/cn_src_ranui_image_index.md.CEdjKNte.lean.js",
-"/ran/assets/src_types_类型运算.md.DitU5zkD.lean.js",
+"/ran/assets/cn_src_ranui_button_index.md.ByX0UCnc.js",
+"/ran/assets/src_ranui_popover_index.md.PFeffqLM.js",
+"/ran/assets/src_ranui_math_index.md.BEaDYiBh.js",
+"/ran/assets/cn_src_ranuts_mimeType_mimeType.md.D8QLJam4.lean.js",
+"/ran/assets/cn_src_note_libreoffice2wasm.md.DG6uOQ65.lean.js",
+"/ran/assets/src_ranui_modal_index.md.CeMIN_J0.lean.js",
+"/ran/assets/src_ranui_input_index.md.BYzbt7Jg.lean.js",
 "/ran/assets/Class.Cx5QD1OX.jpeg",
 "/ran/assets/shell.CZ-z1IVg.gif",
 "/ran/assets/balanceTree.DP_9yIkO.png",
-"/ran/assets/cn_src_ranui_player_index.md.DXjOFy1h.js",
+"/ran/assets/cn_index.md.BLhfTKfk.lean.js",
 "/ran/assets/建造者.B6neb_7R.jpeg",
+"/ran/assets/cn_src_ranui_index.md.DbAIrpTI.js",
+"/ran/assets/cn_src_ranuts_binaryTree_index.md.B0ahr_Mn.js",
 "/ran/assets/kkfile.X1tAqvNa.webp",
-"/ran/assets/src_ranuts_binaryTree_index.md.DvglfkNJ.lean.js",
-"/ran/assets/cn_src_article_video.md.Cz2oSvp1.js",
-"/ran/assets/src_ranui_checkbox_index.md.D6UQK38M.lean.js",
+"/ran/assets/src_types_类型运算.md.D_oUktxL.lean.js",
+"/ran/assets/src_article_typescript_pattern.md.CLkB9hDT.js",
+"/ran/assets/src_ranui_math_index.md.BEaDYiBh.lean.js",
+"/ran/assets/cn_src_article_astParse_tokenizer.md.fRsPjbrs.js",
+"/ran/assets/cn_src_ranuts_utils_filterObj.md.CxRU9J7j.lean.js",
 "/ran/assets/Declaration.CplvpFd-.jpeg",
 "/ran/assets/ms_support.CaZSSiRt.webp",
-"/ran/assets/src_ranuts_file_readFile.md.CwPAyuVM.js",
-"/ran/assets/cn_src_article_sort_count_index.md.BwHTgoYv.lean.js",
-"/ran/assets/cn_src_types_TS类型.md.ctrtnDXL.js",
+"/ran/assets/cn_src_ranuts_file_fileInfo.md.CqJn8JuV.js",
+"/ran/assets/src_ranuts_utils_formatJson.md.DQX6wWMq.lean.js",
+"/ran/assets/src_ranui_image_index.md.DWE25Dbt.lean.js",
+"/ran/assets/cn_src_ranui_icon_index.md.VgKq_hwc.lean.js",
+"/ran/assets/src_article_sort_radix_index.md.CZgriu-L.lean.js",
+"/ran/assets/cn_src_article_sort_quick_index.md.CmIbA4AB.js",
+"/ran/assets/cn_src_article_javascript_domLoad.md.Cc9Twcl2.lean.js",
 "/ran/assets/inter-roman-cyrillic-ext.BBPuwvHQ.woff2",
-"/ran/assets/src_ranui_tab_index.md.CciVbuSi.js",
-"/ran/assets/cn_src_note_centos.md.BcqWCqVs.js",
-"/ran/assets/cn_src_ranuts_utils_task.md.BLYztfpY.js",
-"/ran/assets/cn_src_ranui_index.md.Cv0LhI4v.lean.js",
-"/ran/assets/cn_src_article_typescript_recursion.md.NrD8NlPF.js",
-"/ran/assets/src_ranuts_file_appendFile.md.CN41s_o-.lean.js",
-"/ran/assets/src_ranuts_utils_getCookie.md.glwGRuBT.js",
-"/ran/assets/cn_src_ranuts_utils_str2xml.md.CgTEUJ7O.lean.js",
-"/ran/assets/cn_src_ranuts_utils_task.md.BLYztfpY.lean.js",
-"/ran/assets/cn_src_ranui_icon_index.md.7jVbQ82_.lean.js",
+"/ran/assets/cn_src_note_docker.md.Dwk9bEUN.js",
+"/ran/assets/src_ranuts_file_appendFile.md.1-6oJJ-H.lean.js",
+"/ran/assets/src_ranuts_utils_formatJson.md.DQX6wWMq.js",
+"/ran/assets/cn_src_article_sort_count_index.md.CLrg_eAi.js",
+"/ran/assets/cn_src_ranui_preview_index.md.HNgH1cdk.lean.js",
+"/ran/assets/src_article_designMode.md.CsQyDQ9L.lean.js",
 "/ran/assets/单例.B4dKFqxx.jpg",
-"/ran/assets/src_ranuts_utils_ocr.md.Bac0Ieci.lean.js",
-"/ran/assets/src_article_sort_quick_index.md.C9uemKEa.lean.js",
-"/ran/assets/src_article_babel.md.D0mGQXMo.js",
+"/ran/assets/src_ranui_preview_index.md.hkKqqHBY.lean.js",
+"/ran/assets/src_article_typescript_index.md.CkcO1_RK.lean.js",
 "/ran/assets/axtexplorerSave.a5hTrvd2.jpeg",
 "/ran/assets/firefox_pdf.BWQR-ogn.webp",
-"/ran/sw1728129561.js",
 "/ran/icon_48.png",
 "/ran/icon_144.png",
 "/ran/pagefind/pagefind-entry.json",
 "/ran/pagefind/pagefind-modular-ui.js",
-"/ran/pagefind/pagefind.en_9aedcc98b3.pf_meta",
-"/ran/pagefind/pagefind.zh-cn_5630655c2f3e8.pf_meta",
+"/ran/pagefind/pagefind.zh-cn_b71a7d8847108.pf_meta",
+"/ran/pagefind/pagefind.en_853ef581ec.pf_meta",
 "/ran/pagefind/pagefind-ui.js",
 "/ran/pagefind/pagefind-modular-ui.css",
 "/ran/pagefind/wasm.unknown.pagefind",
@@ -530,20 +529,18 @@ const SERVICE_WORK_CACHE_FILE_PATHS = [
 "/ran/pagefind/fragment/zh-cn_f9c4333.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_489c27d.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_4152685.pf_fragment",
-"/ran/pagefind/fragment/en_6b4c4a9.pf_fragment",
 "/ran/pagefind/fragment/en_349bd7e.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_c1151c9.pf_fragment",
-"/ran/pagefind/fragment/zh-cn_5f3328b.pf_fragment",
+"/ran/pagefind/fragment/zh-cn_5584627.pf_fragment",
 "/ran/pagefind/fragment/en_9755f3c.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_e64f93e.pf_fragment",
+"/ran/pagefind/fragment/zh-cn_0ea6667.pf_fragment",
 "/ran/pagefind/fragment/en_c8893d7.pf_fragment",
 "/ran/pagefind/fragment/en_7b5a911.pf_fragment",
-"/ran/pagefind/fragment/en_aab3547.pf_fragment",
 "/ran/pagefind/fragment/en_7a4eb73.pf_fragment",
-"/ran/pagefind/fragment/zh-cn_82b59c2.pf_fragment",
+"/ran/pagefind/fragment/zh-cn_6df03b5.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_7d7b75a.pf_fragment",
-"/ran/pagefind/fragment/en_edda142.pf_fragment",
-"/ran/pagefind/fragment/en_dccebd7.pf_fragment",
+"/ran/pagefind/fragment/en_b7c8c16.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_5d1b782.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_f09c929.pf_fragment",
 "/ran/pagefind/fragment/en_2771bf1.pf_fragment",
@@ -551,65 +548,72 @@ const SERVICE_WORK_CACHE_FILE_PATHS = [
 "/ran/pagefind/fragment/en_27ced55.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_50313a9.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_75a264c.pf_fragment",
+"/ran/pagefind/fragment/zh-cn_154849c.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_5bab657.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_67d6c7a.pf_fragment",
-"/ran/pagefind/fragment/en_70bee3b.pf_fragment",
+"/ran/pagefind/fragment/zh-cn_d388141.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_544fd92.pf_fragment",
 "/ran/pagefind/fragment/en_c2a5686.pf_fragment",
+"/ran/pagefind/fragment/zh-cn_2c21dbd.pf_fragment",
 "/ran/pagefind/fragment/en_e34b39a.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_d98338a.pf_fragment",
+"/ran/pagefind/fragment/en_7118fbe.pf_fragment",
 "/ran/pagefind/fragment/en_fba3fcb.pf_fragment",
 "/ran/pagefind/fragment/en_7755d1b.pf_fragment",
+"/ran/pagefind/fragment/en_449b12a.pf_fragment",
 "/ran/pagefind/fragment/en_229996f.pf_fragment",
 "/ran/pagefind/fragment/en_65ccfe9.pf_fragment",
+"/ran/pagefind/fragment/en_38d8359.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_e88bc3f.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_3de2e5c.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_c4a5919.pf_fragment",
-"/ran/pagefind/fragment/en_63f4b5c.pf_fragment",
 "/ran/pagefind/fragment/en_738928a.pf_fragment",
+"/ran/pagefind/fragment/zh-cn_565fd27.pf_fragment",
 "/ran/pagefind/fragment/en_12451bd.pf_fragment",
 "/ran/pagefind/fragment/en_a034a97.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_5f4f874.pf_fragment",
 "/ran/pagefind/fragment/en_b7a3e23.pf_fragment",
-"/ran/pagefind/fragment/en_f575e71.pf_fragment",
+"/ran/pagefind/fragment/zh-cn_e6dde39.pf_fragment",
 "/ran/pagefind/fragment/en_f5a1553.pf_fragment",
-"/ran/pagefind/fragment/zh-cn_f260254.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_ac92f78.pf_fragment",
 "/ran/pagefind/fragment/en_b1c2dff.pf_fragment",
-"/ran/pagefind/fragment/zh-cn_8c8e8be.pf_fragment",
+"/ran/pagefind/fragment/zh-cn_27c99c4.pf_fragment",
 "/ran/pagefind/fragment/en_91e701d.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_5bb9206.pf_fragment",
+"/ran/pagefind/fragment/zh-cn_9879172.pf_fragment",
 "/ran/pagefind/fragment/en_39ca4e7.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_f379427.pf_fragment",
 "/ran/pagefind/fragment/en_bc653ea.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_5df12ef.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_c2e89f3.pf_fragment",
-"/ran/pagefind/fragment/zh-cn_c999918.pf_fragment",
-"/ran/pagefind/fragment/zh-cn_69610a7.pf_fragment",
+"/ran/pagefind/fragment/en_b110a5b.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_e347438.pf_fragment",
+"/ran/pagefind/fragment/en_b24f7ef.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_542bc65.pf_fragment",
+"/ran/pagefind/fragment/zh-cn_e831ca8.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_3e43b1f.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_44fa7df.pf_fragment",
 "/ran/pagefind/fragment/en_a3a3739.pf_fragment",
 "/ran/pagefind/fragment/en_422fcc1.pf_fragment",
-"/ran/pagefind/fragment/zh-cn_bc27649.pf_fragment",
+"/ran/pagefind/fragment/zh-cn_5ab33e7.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_cfbcb39.pf_fragment",
+"/ran/pagefind/fragment/en_5eef384.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_c4f682e.pf_fragment",
+"/ran/pagefind/fragment/en_30709d8.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_5ca356d.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_a7edffe.pf_fragment",
-"/ran/pagefind/fragment/en_16d01f2.pf_fragment",
 "/ran/pagefind/fragment/en_6a66788.pf_fragment",
-"/ran/pagefind/fragment/zh-cn_b2e449c.pf_fragment",
-"/ran/pagefind/fragment/zh-cn_af6e5c4.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_58279de.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_61c329a.pf_fragment",
+"/ran/pagefind/fragment/zh-cn_39da2fe.pf_fragment",
+"/ran/pagefind/fragment/zh-cn_68b3659.pf_fragment",
 "/ran/pagefind/fragment/en_1d9d6e5.pf_fragment",
 "/ran/pagefind/fragment/en_3f75462.pf_fragment",
 "/ran/pagefind/fragment/en_1fd6515.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_f7dcce8.pf_fragment",
 "/ran/pagefind/fragment/en_106ee7d.pf_fragment",
+"/ran/pagefind/fragment/en_815cbc8.pf_fragment",
 "/ran/pagefind/fragment/en_7322c43.pf_fragment",
-"/ran/pagefind/fragment/en_3541bef.pf_fragment",
 "/ran/pagefind/fragment/en_b2b1326.pf_fragment",
 "/ran/pagefind/fragment/en_19ba7e6.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_59bdbd3.pf_fragment",
@@ -618,42 +622,37 @@ const SERVICE_WORK_CACHE_FILE_PATHS = [
 "/ran/pagefind/fragment/zh-cn_c551e89.pf_fragment",
 "/ran/pagefind/fragment/en_b46590e.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_b7b2564.pf_fragment",
+"/ran/pagefind/fragment/en_3df5c5f.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_5190b59.pf_fragment",
 "/ran/pagefind/fragment/en_e2846bf.pf_fragment",
-"/ran/pagefind/fragment/en_af4a67a.pf_fragment",
+"/ran/pagefind/fragment/zh-cn_f2527de.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_3fb29d3.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_e6b1657.pf_fragment",
-"/ran/pagefind/fragment/zh-cn_88af4d0.pf_fragment",
-"/ran/pagefind/fragment/en_324b2ed.pf_fragment",
+"/ran/pagefind/fragment/en_c2412d4.pf_fragment",
+"/ran/pagefind/fragment/en_5094588.pf_fragment",
+"/ran/pagefind/fragment/en_6a9915b.pf_fragment",
 "/ran/pagefind/fragment/en_919ab78.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_715eacf.pf_fragment",
 "/ran/pagefind/fragment/en_b5a7787.pf_fragment",
-"/ran/pagefind/fragment/zh-cn_ad77d75.pf_fragment",
 "/ran/pagefind/fragment/en_27a0b4a.pf_fragment",
-"/ran/pagefind/fragment/en_34b032a.pf_fragment",
-"/ran/pagefind/fragment/en_78f477e.pf_fragment",
+"/ran/pagefind/fragment/zh-cn_c5d845d.pf_fragment",
+"/ran/pagefind/fragment/zh-cn_8998463.pf_fragment",
+"/ran/pagefind/fragment/en_5861ab4.pf_fragment",
+"/ran/pagefind/fragment/en_ee9f170.pf_fragment",
 "/ran/pagefind/fragment/en_222d98b.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_51dafe6.pf_fragment",
-"/ran/pagefind/fragment/zh-cn_20933c3.pf_fragment",
-"/ran/pagefind/fragment/en_7fffa0e.pf_fragment",
 "/ran/pagefind/fragment/en_55a7cf9.pf_fragment",
-"/ran/pagefind/fragment/zh-cn_964a4fd.pf_fragment",
 "/ran/pagefind/fragment/en_13157a1.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_32113cf.pf_fragment",
+"/ran/pagefind/fragment/zh-cn_51bdb63.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_5042f4c.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_677ff04.pf_fragment",
 "/ran/pagefind/fragment/en_dd6246f.pf_fragment",
-"/ran/pagefind/fragment/zh-cn_217f9f1.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_8a3cd5f.pf_fragment",
-"/ran/pagefind/fragment/zh-cn_99e62b8.pf_fragment",
-"/ran/pagefind/fragment/zh-cn_ec79f02.pf_fragment",
-"/ran/pagefind/fragment/en_6e7d47a.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_a1e1243.pf_fragment",
 "/ran/pagefind/fragment/en_346b990.pf_fragment",
-"/ran/pagefind/fragment/zh-cn_8dcd37a.pf_fragment",
+"/ran/pagefind/fragment/en_63cffab.pf_fragment",
 "/ran/pagefind/fragment/en_b5741b3.pf_fragment",
-"/ran/pagefind/fragment/zh-cn_2bc07af.pf_fragment",
-"/ran/pagefind/fragment/en_1f28c1c.pf_fragment",
 "/ran/pagefind/fragment/en_5ff5133.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_0ef213d.pf_fragment",
 "/ran/pagefind/fragment/zh-cn_3ad6344.pf_fragment",
@@ -662,6 +661,7 @@ const SERVICE_WORK_CACHE_FILE_PATHS = [
 "/ran/ocr/eng.png",
 "/ran/screenshots_2560x1440.jpg",
 "/ran/screenshots_748x1340.jpg",
+"/ran/sw1728129796.js",
 "/ran/hashmap.json",
 "/ran/icon_168.png",
 "/ran/cn/src/types/高级类型.html",
@@ -763,7 +763,7 @@ const SERVICE_WORK_CACHE_FILE_PATHS = [
 "/ran/manifest.json",
 "/ran/icon_192.png",
 ];
-const VERSION = "1728129561";
+const VERSION = "1728129796";
 const CACHE_NAME = 'chaxus_ran_' + VERSION
 
 const IGNORE_REQUEST_LIST = [